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

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Unwanted spaces between divs

  • # September 10, 2009 at 7:33 pm

    Hi, I’m running into a problem coding my layout – I’ve created a div id of "textcontentcontainer" and it lines up fine in the layout but as soon as I create a paragraph or press enter in dreamweaver, everything shifts down and I am left with this blank space between my divs. My remedy was to put -12 margin top on it, however it overcompensates when loading in IE 6/7 and starts to eat my services banner.

    It also occurs at the bottom between the maincontent and the footer.

    Does anyone know why this is happening? Or if i could design my layout differently to avoid this?

    LINK: [

    Any insight is greatly appreciated!!!


    # September 10, 2009 at 8:04 pm

    I looked at the site and everything seems to be fine?

    Are you only seeing this in a specific browser?

    # September 10, 2009 at 8:16 pm

    Thank you for your reply but I figured it out! :)

    I had to put overflow:hidden on the "textcontentcontainer" as well as the "footer"

    However, I don’t know if you have a suggestion, but when I test it in IE6, these breaks between content & footer, and banner & Content still occur, but in higher versions things are fixed. Do you know of an IE6 hack for this overflow:hidden ?

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