On Tue, Jan 5, 2010 at 1:21 PM, Philippe Wittenbergh <[email protected]> wrote: > > On Jan 5, 2010, at 5:53 PM, Ingo Chao wrote: > >> Thanks for the better reduction. In your first testcases, >> http://dev.l-c-n.com/_temp/ib-strict.html >> http://dev.l-c-n.com/_temp/ib-trans.html >> the behavior differs when I add height:1em to the inner EM. > > Yes that is right, and what I would expect. If you add a letter/text > string inside the <span>, before the <em> in the transitional > mode test, you'll see that the display stops differing. > > You can compare that to how, in transitional mode, a table-cell > collapses completely around an image when there is no other > (text-) content in the cell. In strict mode, there will be a few > pixels space at the bottom of the image/cell (room for > descenders).
Yes, essentially what seems to happen is that in transitional (almost standard) mode the outer inline-block shrink-wraps the inner one, while in standard mode it has a minimum (line-)height, so when the inner has a smaller height there is a difference in the rendering. Here I made the inner one shorter with different methods (smaller line-height, smaller font-size, smaller height) and in all cases there is standard vs. transitional difference: http://brunildo.org/test/ib-ib-trans.html http://brunildo.org/test/ib-ib-strict.html The recent versions of Firefox, Opera, Safari seem almost to agree, and also IE8 is not much different. As Philippe already mentioned Safari differs from the others when the inner inline-block has an assigned height (much) less than its line-height, and this is not related to transitional/standard (but probably to the strangeness of an inline-block having the baseline of its text outside the block itself...). This "complication" was present in the original Ingo case. 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/
