WordPress.org

Ready to get started?Download WordPress

Forums

Blockquotes Overlap Images in IE6 (6 posts)

  1. sportech
    Member
    Posted 6 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 6 years ago #

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

  3. sportech
    Member
    Posted 6 years ago #

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

  4. SmallPotato
    Member
    Posted 6 years ago #

    you could try blockquote{clear: both;}

  5. sportech
    Member
    Posted 6 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 6 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.

About this Topic