Re: [css-d] IE8 and easy clearing
Georg wrote: Gabriele Romanato wrote: hi all. did someone make some tests about? I'd like to see a wiki page on incutio. I'd like to see some tests on that too. IE8b1 adds in line-height for the generated content - 'height: 0' means nothing to it in practice, so there will be big gaps in layouts in some cases. Haven't gotten around to create my own test-cases to cover all situation, but zeroing out line-height by adding... Or does the generated content in this case have a computed value of display:inline-block ? The original clear-fix page used inline-table or inline-block for some browsers (IE 5 Mac). If that somehow gets inherited into / applied to the generated content, then the behaviour is correct ( that is, the extra space is correct; the inheritance of the display:value is obviously not correct, and would be a bug). Don't have IE8b yet. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE8 and easy clearing
On Thu, Mar 20, 2008 at 1:23 AM, Gunlaug Sørtun wrote:
I'd like to see some tests on that too.
IE8b1 adds in line-height for the generated content - 'height: 0' means
nothing to it in practice, so there will be big gaps in layouts in some
cases.
Haven't gotten around to create my own test-cases to cover all
situation, but zeroing out line-height by adding...
.clearfix:after {
font-size: 1px;
line-height: 0;
}
...solves the problems in all situations I've encountered so far. This
is a harmless but illogical fix, so IE8 should be fixed.
There is something really strange in that extra space produced by IE8b1.
I've seen it _only_ in some cases. It seems to depend on what follows
the 'easy-cleared' box. When present this extra space is definitely
outside the easy-cleared box, it may even appear after several other
boxes following that one.
Bruno
--
Bruno Fassino http://www.brunildo.org/test
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE8 and easy clearing
Bruno Fassino wrote:
There is something really strange in that extra space produced by
IE8b1. I've seen it _only_ in some cases. It seems to depend on what
follows the 'easy-cleared' box. When present this extra space is
definitely outside the easy-cleared box, it may even appear after
several other boxes following that one.
Yes, it looks like a conditional bug, but I haven't figured out what
particular conditions trigger it.
I'll try to recreate the bug in isolated test-cases, as I just fixed it
for the footer in my rather complex home-pages and made a note about it.
A similar clearing another place in the same pages, didn't create any
visible gaps. This may have something to do with finding cracks, so
the gap which seems to, and should, have an area in size of a character,
in some cases goes into the element instead of ending up below it.
What's most important is that IE8b1 lets the gap overflow the 'height:
0;' limited generated content box, which of course is a serious bug.
Tests show that the addition of...
.clearfix:after {
overflow: hidden;
}
...also seems to have the desired bug killing effect in all cases,
without having to manipulate 'line-height'.
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE8 and easy clearing
Gabriele Romanato wrote:
hi all. did someone make some tests about? I'd like to see a wiki
page on incutio.
I'd like to see some tests on that too.
IE8b1 adds in line-height for the generated content - 'height: 0' means
nothing to it in practice, so there will be big gaps in layouts in some
cases.
Haven't gotten around to create my own test-cases to cover all
situation, but zeroing out line-height by adding...
.clearfix:after {
font-size: 1px;
line-height: 0;
}
...solves the problems in all situations I've encountered so far. This
is a harmless but illogical fix, so IE8 should be fixed.
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
