Space Between Divs in Internet Explorer

  • OK, I have been searching and searching for CSS help, and I know I’ve found these answers in the past, but I can’t remember where. When you view my site, https://leftintheshade.blogspot.com, in Firefox, it looks normal. When you view it in Internet Explorer, there is a space inserted between the banner graphic and the rest of the text. Any idea why IE is doing this and how I can correct it? Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)

  • I think it may be a problem IE has with floats. Here’s a shot in the dark but try this on your #content:

    display:inline;

    It might be that easy. If not, try that on anything you have floated that I may be missing. Thanks for having CSS in your source, btw.

    Thread Starter gretchen

    (@gretchen)

    Just tried that, with no success. It was a good suggestion, though.

    Anyone else have ideas?

    I’ve tried everything to no avail. The way the Kubrick theme gets around this is Michael used the same background color as the border around the banner graphic. Looks like no space, but if you change the border color to the banner graphic and the content column you’ll see the gap. I believe it is a “bug” in the rendering engine of IE.

    Thread Starter gretchen

    (@gretchen)

    I’ve found the answer!

    After hours and hours of searching on the internet, I found ONE person with an answer. In IE (and only IE, to my knowledge), if you have a div that has an image in it, you CANNOT have a return between the opening and closing (<div></div>) tags or IE will insert 3 px extra space after the image. Why? Who knows? But as soon as I deleted the returns so that my banner div was written out all on one line, the space went away.

    Go figure. ??

    THANK YOU SOOOO MUCH!

    i have been struggling with this for about a week trying all different goofy things because…well…IE is goofy. i did not however, try this goofy fix, and it WORKED!

    wow, i love writing web pages for a browser that is over 5 years old

    I registered for this support forum just to say “THANK YOU” for posting this fix. It was driving me crazy. Well, crazier anyhow.

    Cheers.

    tekmoney

    (@tekmoney)

    Had to post that I’ve been struggling with the answer to this for a while, but found it. This thread was next on the SERP page ??

    Bump for the people who don’t know.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Space Between Divs in Internet Explorer’ is closed to new replies.