[resolved] Div container not stretching with content, footer floating? (4 posts)

  1. Nitroid
    Posted 6 years ago #

    Hey, all.

    I'm working with a custom WP theme and so far everything has been going well, but after throwing some filler content into my main page, all of the content is bleeding past its corresponding DIV container (as well as the page footer). I've been messing with floats, positioning, and just about everything else I can think of, but I can't seem to get the DIVs to stretch with the content.

    Here's a link to the page (I've set the main DIV container's background to red to more clearly show where it's positioned exactly):


    And here's the CSS:


    This is the last big hurdle before I'll be able to finish my site and any help towards a solution would be greatly appreciated.

  2. esmi
    Forum Moderator
    Posted 6 years ago #

    You could start by sorting out the validation errors in the theme.

  3. doc4
    Posted 6 years ago #


    Try removing the height:100% on .indexContainer and adding clear:both to the #footerWrapper. I'm seeing quite a few validation errors that you should look into as well.

  4. Nitroid
    Posted 6 years ago #

    Wow, over 70 errors is embarrassing. I completely forgot to check for validation errors, heh. I fixed the errors and tried your suggestion doc4, and it worked like a charm.

    Thanks a ton for the help, all!

Topic Closed

This topic has been closed to new replies.

About this Topic