Hi,
I would like to put a 100% high div on my page, but for some reason I
just can?t get it to work. I use the method described in the ?One True
Layout -> Equal Height Columns? [1] with no luck. The markup is dead
simple
<div id="container">
<div id="contents">
<p>
dfsdd
</p>
</div>
</div>
Nothing fancy here and the css is also equally as simple
*
{
margin: 0;
padding: 0;
}
#container
{
background-color: #00f;
width: 796px;
overflow: hidden;
}
#contents
{
background-color: #0f0;
padding-bottom: 32767px;
margin-bottom: -32767px;
}
Using this makrup + css, the div doesn?t expand [2]. However I?ve
found that if I add something AFTER the inner div then it will expand
but there is no overflow clipping taking place [3]?
<div id="container">
<div id="contents">
<p>
dfsdd
</p>
</div>
TEXT TO MAKE IT EXPAND
</div>
This is all being tested in IE6, but it doesn?t work in firefox
either. Any idea on why it?s acting up?
[1] http://www.positioniseverything.
net/articles/onetruelayout/equalheight
[2] http://www.selfinflicted.org/css/full_height.html
[3] http://www.selfinflicted.org/css/full_height_expanded_noclip.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
