Sent by Jason Wehmhoener on 16 July 2004 21:09
Tribou, Eric wrote:
>You can see an example of this approach here:
>http://www.redmelon.net/tstme/3cols2/
>
>
The trouble with this is that the left and right columns are fixed
width, rather than liquid.
>One other alternative is to use display:table-cell which will get the
>blocks acting like table cells, and thus height:100% works as expected.
>The CSS for this would be:
>
>#container, #leftbox, #rightbox { display: table-cell; height: 100%; }
>
>But IE treats 100% by going the full-height of the viewport, not the
>height based on content, so you need to use a little IE hack to get it
>to work as expected:
>
>* html #container { height: 1%; }
>
>This approach doesn't seem to work on IE/Mac and Safari. But I don't use
>this approach myself so it could be that I'm missing a curcial piece of
>CSS. I've put up a couple demos for this approach here:
>http://webhost.bridgew.edu/etribou/layouts/temp/height/short.html
>http://webhost.bridgew.edu/etribou/layouts/temp/height/tall.html
>
>
At first I was real excited about this, but it seems to have some
trouble with resizing in IE/Windows. Might be ok with a
refresh-on-resize function in the page, which would be a reduction in
JavaScript from what I'm now using.
-J
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
