Grow your CSS skills. Land your dream job.

IE 6 spacing display issue

  • # June 26, 2009 at 9:21 am

    Hi,

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

    View the following page: http://www.osteria-no1.co.uk/events.htm

    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?

    Thanks

    # 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:

    Code:
    * {
    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.

    cheers

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".