The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

IE 6 spacing display issue

  • # June 26, 2009 at 9:21 am


    I’ve got a display issue that only appears in IE6.

    View the following page:

    In IE6 the DIV that has a background color of white stops short of the footer div. Firefox displays this correctly i.e the div’s meet up correctly.

    How can I resolve this in IE6?


    # June 26, 2009 at 10:27 am

    I’m on a mac so I can’t check in ie6 right now, and I’ve no desire to boot up the pc this late on a Friday afternoon, but here are a couple of suggestions you may want to try.

    On the #content div change the margin to 0 auto instead of just auto. (height:auto; by the way, doesn’t do anything that’s the default).
    Give div#events a background colour of white and see if that helps.

    If all else fails add this to the stylesheet:

    * {
    margin: 0;
    padding: 0;
    # June 26, 2009 at 1:38 pm

    certainly don’t blame you not wanting to switch the pc on ;)

    unfortunately I tried your suggestions but without luck. decided in the end to go with a faux background graphic in the container div which is giving me the desired result.


Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed