HUGE gap between first image and text in IE6

  • planetphillip

    (@planetphillip)


    19 years, 8 months ago

    Hi,
    Got my validation problems sorted but now my page has a problem with IE6. Well, it had the problem yesterday but I thought I fixed it.
    If you view the page in Firefox and Opera the first image is about 10px away from the text above, however in IE6 it’s at least 100px away.
    It doesn’t matter what image I use or where I put, it’s always the first image. When it happened yesterday I reduced the width of the image by 2 pixels and eveything seemed fine.
    Is it a CSS problem?
    CSS: http://www.planetphillip.com/style.css
    Page: http://www.planetphillip.com/index.php
    TIA
    Phillip

Viewing 2 replies - 1 through 2 (of 2 total)
  • serendipity

    (@serendipity)

    19 years, 8 months ago

    Ouch. I’ve had tons of problems with floated images inside posts, too. Now I put {position: inline} systematically on each float. The IE hacks on position is everything help a lot. But don’t overdo it — a badly applied hack can trigger other unwelcome stuff, and you won’t know where it comes from.

    Thread Starter planetphillip

    (@planetphillip)

    19 years, 8 months ago

    OK, problem solved.
    After a laborious process of elimination it came down to removing “clear:both” from the images CSS.
    While looking for the answer I found a really good CSS site that may be new to some of you:
    http://www.css-discuss.org/
    The wiki section was particularly helpful.
    hth
    Phillip

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘HUGE gap between first image and text in IE6’ is closed to new replies.