Quote:
Originally Posted by Jellby
You set the "wedge" height to 50%, expecting it to be 50% of the screen height (because you set the body's height to 100%, expecting it to be 100% of the screen/page height). From what I understand of the CSS specs and my (not exhaustive) tests, this is not guaranteed to work, and indeed it often does not, different renderers make different assumptions about what this "100%" refers to: some interpret is as "100% of the width", some simply ignore it, and so the "50%" also has different results.
|
Well... I don't know of renderer that fails the example code, but from what I read in
10.1 Definition of "containing block" from the CSS spec, the containing block of the root element seems to be precisely defined. For continuous media such as screen, the containing block is defined by viewport dimensions. The initial containing block is defined for box generated by "html" element, the "body" is contained within the box generated by "html" box.
Sounds well defined, and looks like non-standard behaviour, for renderers where initial screen height is unknown/undefined.
I would be grateful if you can name those renderers where a xhtml code segment would fail to produce the desired effect.