Grow your CSS skills. Land your dream job.

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!!!

    Thanks!

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

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