How to stretch a div 100% height of the page ?

DezUk · 28 Mar 2007 at 10:50

http://www.theinflux.co.uk/work/ukmark/

If you look at the link above you will see I have a white area that is centered. But I want it to be stretched 100% height down the page. I have googled this and tried suggestions like adding <body style="heigh: 100;"> but this doesn't work. Also tried adding the height: 100%; tag to the wrapper div and content div but it just wont stretch 100%.

I also have a <hr> defined in the css file that isnt showing on the page either

Anyone got any ideas on this one ?

Thanks

EDIT: Just checked this in IE6 and it works fine apart from still not showing the <hr>. It isn't stretched 100% in IE7 but shows the <hr> and in FF just doesn't do either

Dr_Evil · 28 Mar 2007 at 10:57

I have the same problem in IE7 - I think the only way around is to use a frameset or iframe to contain your actual "content" and set that to a height of 100%, so it covers the total height of your screen.

DezUk · 28 Mar 2007 at 11:20

Wehey

Fixed the problem thanks to a friend who gave me this link

http://apptools.com/examples/tableheight.php

Dr_Evil · 28 Mar 2007 at 11:54

Thanks m8 - very useful info, i will have a look at that!