Sent by Bruno Fassino on 13 July 2004 12:12
Philippe Wittenbergh wrote:
> One thought here: in your clearing rule (div.clearer), you specify:
> font-size:1px. Try out what happens when you delete that - or, in case
> you haven't done it, set you copy of Mozilla to never display text at a
> smaller than 10px size (>preference>fonts). Does this make a difference?
Yes, I think this make a difference. What we discovered, in different
circumstances, is that not empty clearing elements but with a "very small"
text content don't work well in Gecko (like the empty ones.)
If font-size is greater than 2px, either because you have explicitly set
it, or because you activated that option (never display text smaller
than...), then any content seems to make the clear work properly.
But if the font-size is smaller, then the specific content makes a
difference. Moreover this behaviour depends on the platform and on other
settings, like the font-family: Mac, Win 2K, Win98 all have small
differences (even using the same Gecko build.) This is not so surprising if
this bug has to do with the "space" occupied by the rendering of the text.
We saw this when Zoe started its analysis for the ideal "clearer". My
conclusion is that it is better not to feed a small font-size (1px, 2px) to
Mozilla if we want to be sure that a clear works (these small font sizes are
usually added to avoid extra vertical space in other browsers.)
> I've added some test file for this as well; consistent display on all
> Mac browsers except: Opera7.5 (Mac OS X) does very wacky things with
> this... there is a 75px distance between the blocks..... I have not
> tested yet on IE windows - way to early in the morning here to launch
> VPC. reports appreciated.
> <http://dev.l-c-n.com/_temp/collapsing_margins21.php>
In IE/Win this seems ok (just had a very quick look.)
I tried to determine what is the Op7 problem. I see it in Op7.2 and Op7.5
(not in Op6) all on Windows (but here the distance is not exactly 75px.)
It seems that Op7 adds (or moves?) the margin-bottom of your h3 here!
Indeed when I added h3 { margin: 0 } to your page, that space reduced to
the correct value of 50px. While trying to create a even smaller test case
I saw really strange behaviours of Op7 with these margins... I ended up (no
more time...) with this example: <
http://www.brunildo.org/test/Op7_margins_float.html >
Here there are simply: a box with a bottom margin, a float with a bottom
margin, a clear with no margins. Op7 wrongly increases the space between
the float and the clear of the same quantity as the margin-bottom of the
first block!
Regards,
Bruno
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
