WordPress.org

1. sportech
   Member
   Posted 5 years ago #
   

   I hope some of you experts on here can give me the assistance I need. It's probably an easy solution but I was unable to find a fix online or in these forums. Thanks in advance for your help.

   The problem I am running into is only happening in IE6 and I am assuming it's CSS related. When I use a blockquote and I have an image in the post above the blockquote, the blockquote outline (border) overlaps the image. You can see in this picture here the difference in IE6 and Firefox. I'm assuming adding a simple line of code to my stylesheet will solve this problem, or perhaps its an IE6 problem that is out of my control.

   A sample post on my site can be seen here.

   I appreciate your help in advance!!

2. sportech
   Member
   Posted 5 years ago #
   

   Any idea? Is it doable by adding a piece of code to the image?

3. sportech
   Member
   Posted 5 years ago #
   

   Anyone have an update or willing to take a look for me?

4. SmallPotato
   Member
   Posted 5 years ago #
   

   you could try blockquote{clear: both;}

5. sportech
   Member
   Posted 5 years ago #
   

   Thanks for responding SmallPotato.

   That sounded good but what that does is drop the blockquote below the image. Like this picture.

   I still want the picture to overlap the blockquote without the blockquote overlapping the image in IE6. Like in this picture

   Thanks again!

6. sportech
   Member
   Posted 5 years ago #
   

   I got some help from a CSS forum. I needed to add

   position:relative;z-index:10;

   to my stylesheet.

Topic Closed

This topic has been closed to new replies.