CSS make bottom container height 100% of visible space?

Change the css to: #container{margin-left:auto;margin-right:auto;width:200px;} html,body { height:100%; } . Clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} #blue{width:100%;background:blue;height:100%;} You had to extend the height of the page too. Edit: Someone else answered it just before me as I was trying to get code tags right :(.

How about for something like on hobby.ellisberner. Com/contact. Html?

– Maletor Aug 17 '10 at 14:06 you mean about the background? – Sotiris Aug 17 '10 at 14:16.

Use this CSS: /*add this:*/ html, body { height: 100%; } . Clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } #blue {width:100%; background:blue; /*and this*/height:100%; } Updated fiddle. For the browser to detect that you want to expand the blue div 100%, you have to tell the HTML and the body of your page to be 100% as well, or the div has nothing to reference the percentage from.

Hope it helps you out.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.