Moz1.5b - fb0.61 discrepancy

[liorean]

Hmm, just curious, but can anyone here give me an explanation for the discrepancy between the moz1.5b and fb0.61 rendering of <http://liorean.web-graphics.com/xhtml/experimental/index.xhtml> (resize vertically to see it, it doesn't display unless the browser has to add a scrollbar)

Oh, and if you know why, can you also tell me which is correct? Op, saf and iew both render the same situation as moz does when the scrollbar appears, not the way fb does. (for that comparison, have a look at <http://liorean.web-graphics.com/css/list/> instead, as the other link is moz only). Additionally, iem uses a bit different rendering.




Well, I believe this example has highlighted that there is a difference in the float handling in the different browsers, at least...

[giz]

Hmm, it is valid XHTML 1.1 code, so no errors on the page: http://validator.w3.org/check?uri=http%3A%2F%2Fliorean.web-graphics.com%2Fxhtml%2Fexperimental%2Findex.xhtml&charset=%28detect+automatically%29&doctype=Inline&ss=1&sp=1&outline=1&verbose=1

It is served as:
Content-Type: application/xhtml+xml
Encoding: utf-8
MIME types are an issue in IE, but shouldn't be an issue here.





Ah, WTF goes on with this? There is some sort of problem with the stylesheet? http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fliorean.web-graphics.com%2Fxhtml%2Fexperimental%2Findex.xhtml&warning=1&profile=css2&usermedium=all Something is not right.




This syntax isn't right is it? There is a preamble like this on every style block.

xhtml|html:root>head, xhtml|html:root>body{
display: block;
position: absolute;
width: auto;
height: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

or have I missed something?



.

[liorean]

Ah, the CSS validates as [CSS3] if you do s/xhtml|//. (Yep, I've checked (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fliorean.web-graphics.com%2Fxhtml%2Fexperimental%2Fpersistent-nsless.css&warning=2&profile=css3&usermedium=all).)

They simply haven't implemented the @namespace rule and the namespace|element syntax in the css validator yet. (Big surprise, it's had CSS3 support less than three months.)

Have a look at <[CSS3 Selectors] (http://www.w3.org/TR/2001/CR-css3-selectors-20011113/)> [CR] for confirmation that it is correct.


No, the difference lies in the float handling, somewhere. I just wonder what browser is correct. (Whether it's correct or not, the moz/fb way is far nicer looking than the op or iem way.)