Div not filling 100% height

Question

I seem to have a problem that my container div is not getting 100% height to the bottom of the page. You can see the layout at http://jsfiddle.net/hqC3U/

I've tried everything from min-height till dirty old hacks that did not work.

Is there anybody with some advise?

You start with a div, but the next element is a ``. Try using divs in the layout instead of tables and make sure your code is valid. — Deep Frozen, Jul 09 '12 at 11:42
div based layouts are easy to operate so try to make the layouts in div........ — Shailender Arora, Jul 09 '12 at 11:44
yup sure and than if u will face any kind of problem we are here for you buddy to sort the bugs.... — Shailender Arora, Jul 09 '12 at 11:50
Stop using tables, You make the net so ugly. http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html — Ron van der Heijden, Jul 09 '12 at 13:57

score 2 · Accepted Answer · answered Jul 09 '12 at 13:52

2

You cant apply a percent value to div height, because theoretically your height could be infinite. You will have to use something like min-height.

answered Jul 09 '12 at 13:52

OneChillDude

7,856
10
40
79

looks like this is what twitter does to get the center blue div to extend down indefinitely....however this is not working on my application...are there any stipulations? – Feb 13 '13 at 23:36

Div not filling 100% height

1 Answers1