WordPress.org

Forums

probleme with CSS and IE6 (3 posts)

  1. taghaboy
    Member
    Posted 7 years ago #

    Hi all,
    i have a CSS code who work perfectly with Firefox and Opera but it dont work with Internet Explorer6, this CSS do a border over an image :

    img.left, img[align="left"] {
    float:left;
    background-color:#E4F4FF;
    border:1px solid #AFDFFF;
    float:left;
    margin:3px 5px 0px 5px;
    padding:5px;
    }

    thanks for help.

  2. StrangeAttractor
    Member
    Posted 7 years ago #

    I can't analyze exactly what's happening in your site just from the snippet you posted above, but I can tell you that IE6 is notorious for having many annoying quirks and bugs with CSS rendering. It's one of the things that makes web design a real pain in the *** -- that you get everything right and then have to test for that piece of ****.

    Anyway, without knowing your exact problem, I can see that you have a float and margin in the same direction of the float. This triggers a bug in IE6 where the margin is doubled. There are some fixes for this. Please see
    http://www.positioniseverything.net/explorer/floatIndent.html

    or google "ie6 float margin css" and variations of that.

    PS Your code above looks a bit screwy also. For starters you have the float declared twice. Have you run this through a validator?

  3. taghaboy
    Member
    Posted 7 years ago #

    thanks friend for all, i dont know wich day Microsoft have an explorer like outhers in the net,
    for the float it's a mistak i do her but not in the test website.
    thanks for all, and i will cheek the url.

Topic Closed

This topic has been closed to new replies.

About this Topic