Div> Background not filling BG vertically

[kitki83]

Doing my final project and I am lost to this minor detail I don't know how to describe but how can I flush left and right content area vertically to avoid leaving any holes as you can see.

http://senna.sjsu.edu/dchristiansen/navarror/final_project/content/siteindex.php

 

[brisbaneguy29]

Why not give an overall wrapper a background colour to match the content colour?

 

[jared_kipe]

it looks like div#wrapper might be intended to do it (though it doesn't have a background color)

However it will require an actual hight, and since all the elements inside are floated, it doesn't really have one.

Insert a <br style="clear: both;" /> after the close of div#extra and a background color to div#wrapper to do what you want it to do.

 

[Dolorian]

You could just use:

#container { background-color: #FFC; }

That way it will fill up the entire area with that background color.

 

[kitki83]

Thank you everyone, I knew it was something simple.

 

[mwilloam]

I can't see your page as it seems to be offline but another possible fix is to set the containing elements overflow to: "auto". That should vertically expand the container to content height. Otherwise you could also float the container the same as the contained elements, but that may mess with it if you are auto margining to the center. Again, I can't see it.