The CSS specification (at http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-height) says
this about height properties with a percentage:
"Specifies a percentage height. The percentage is calculated with respect to the height of the generated box's containing block."
Now have a look at the code at the bottom and the rendering results in Mozilla and IE. <div id="left"> has "height: 100%;" as a property. Yet is it shorter than the containing <div id="center">. IE 5.x actually renders the code as I expected. To me, it looks like the implementation of Mozilla is faulty.
Regards, Jens
---------------------------------------------------------------
<html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" > <title> RadialContext </title> <style type="text/css">
#left {
background-color: rgb(95, 95, 181);
width: 17%;
float: left;
height: 100%;
} #center {
background-color: rgb(195, 195, 237);
width: 100%;
min-height: 100%;
} #right {
background-color: rgb(58, 58, 154);
width: 8%;
float: right;
height: 100%;
} body {
margin: 0px;
}
</style>
</head>
<body>
<div id="center">
<div id="left">
left <br>
</div>
<div id="right">
right <br>
</div>center <br> duplicate the line above lots of times to see the problem
</div> </body> </html> _______________________________________________ mozilla-layout mailing list [EMAIL PROTECTED] http://mail.mozilla.org/listinfo/mozilla-layout
