Thanks Joe!
Ok, I've minimised it for the part I'm interested in: http://martijn.heelveel.info/nn/ttt.htm
Opera8b and IE6 treat this differently as Mozilla. I find this rather strange.
See:
http://www.w3.org/TR/CSS21/visudet.html#propdef-height
"<percentage>
Specifies a percentage height. The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value is interpreted like 'auto'. A percentage height on the root element is relative to the viewport."
With this info, I would think in this case height should be treated as 'auto' in Mozilla, just like in Opera and IE6, not? (and I think I've seen it work this way with another testcase, but I don't know anymore where I have that)
Regards, Martijn
joeZ wrote:
Sure I can. Here I go: you can find it on: http://jzarate.freewebpages.org/test.html (just created it). and this is de "sourcecode":
<html> <body> <style> div#mozilla div{ border:1px solid blue; height:100%; background-color:green; } td{ position:relative; border:1px solid red; width:150px; background-color:pink; }
span{ position:absolute; top:50%; }
</style> <div id="mozilla"> divs inside cell. <table width="300"> <tr> <td><div>this is a table cell.</div></td><td><div>this is another table cell with a so looooooong text inside</div></td> </tr> </table> </div>
relative positioned cells <div id="ie"> <table width="300"> <tr> <td><span>I should be at height's:50% of the table cell</span></td><td>I shouldn't</td> </tr> </table> </div>
</body>
</html>
you can see how divs doesn't expand to the table cell's height in explorer -although they do in firefox-, and that you can't relative position a table cell in firefox -although you can in explorer-
_______________________________________________ mozilla-layout mailing list [email protected] http://mail.mozilla.org/listinfo/mozilla-layout
