Sent by Scott Schumpert on 18 November 2003 21:09
>
>
><body>
> <div id='header'>...</div>
> <div id='wrapper'>
> <div id='sidebar'>...</div>
> <div id='main'>...</div>
> </div>
></body>
>
>I'd like wrapper to (when shorter than the available window height)
>stretch vertically down to the bottom of the screen. I'm aware that it
>may not work on all browsers, but some would be better than none :)
>
>Justin
>
I found a way to do this and I hope it works for you :
html, body {
height : 100%;
}
body {
height : 100%;
margin : 0;
padding : 0;
}
html > body {
height : 100%;
min-height : 100%;
}
#wrapper {
margin : 0;
padding : 0;
height : 100%;
}
This is kind of ugly I suppose - and somewhat redundant in places - but
it's how I got a vertical wrapper to be 100% height in IE6, Netscape7
and Mozilla Firebird.
Hope this helps,
Scott
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/