So in the first paragraph: Why the "right" element is shifted down? Why the "left" element is shifted down in the second paragraph?I always assumed that the way mozilla was doing it was correct because, well, it makes sense to me :) I don't know if it follows the w3c specs though.
BTW, Opera 7.11 (may be and prior versions, too) renders this example just fine. Here are two screen shots - from Mozilla and from Opera: http://www.geocities.com/stanio/temp/moz-float.png
http://www.geocities.com/stanio/temp/opera-float.png
In the first example the "left" is floated first, so it goes in the top left. That shifts the "center" up underneath it because it's no longer in the flow.
Then the "right" is being drawn. It's under the center tag, so that's where it's displayed. Then it's floated to the right shifting the </p> underneath it. (This is where you see the overlap with the "right" and "normal")
Next the second paragraph is being displayed and it draws the "normal". Below that is the "left" float, which gets drawn under "normal". Then the </p> gets shifted up again (Which you don't see, but you would if you had another paragraph following it).
------
I'm assuming that if you, in the first example, moved the right div to the line right below the left div, then you would see what you want. And in the second example, move the left div above the normal div.
If you want the "normal" to no longer overlap slightly with the "right" either apply {clear: right;} or {clear: both;} it in the stylesheet.
_______________________________________________ Mozilla-layout mailing list [EMAIL PROTECTED] http://mail.mozilla.org/listinfo/mozilla-layout
