Previous Message
Next Message

strict vs. transitional doctype and rendering differences

Sent by Ingo Chao on 5 January 2010 06:06


2010/1/4 Bruno Fassino [EMAIL-REMOVED]>:
...
> I believe the difference in the rendering is related to the fact that
> in strict mode an element (in this case the red span) always generates
> an inline box (using its current font properties), like it always
> contained at least a character, even if it does not directly contain
> text.  Indeed adding a character
>  <div><span>a <em>Text</em></span></div>
> the difference in the rendering disappear.
>
> This Mozilla page [1], rather old, does not mention other differences
> caused by the "almost standard" mode. And I assume that the one that
> it mentions is the same I tried to describe (probably in a rather
> imprecise way...)
>
>
> Bruno
>
> [1] https://developer.mozilla.org/index.php?title=en/Gecko%27s_%22Almost_Standards%22_Mode

2010/1/4 Jukka K. Korpela [EMAIL-REMOVED]>:
...
> a) whether the differences in rendering really matter (and it's not just a
> matter of an obsession of having the same rendering in all browsers)


Thanks to all!

I was asking because of the transition from transitional to strict
(html5) doctype for an (iframed) site. These nested inline elements
are used as hooks for background-images/sprites, so exact matching
heights are critical. No big surprise that these fragile constructions
break sooner or later.

transitional
http://satzansatz.de/cssd/doctype/inlinetransitional.html

strict
http://satzansatz.de/cssd/doctype/inlinestrict.html

So it is an "almost standards mode" problem, triggered by the
transitional doctype [2]?

The inner inline-block is sitting on a baseline in strict, and in
transitional, it doesn't [3].

Great, thanks!
Ingo

[2] http://hsivonen.iki.fi/doctype/
[3] https://developer.mozilla.org/en/Images%2c_Tables%2c_and_Mysterious_Gaps
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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
Previous Message
Next Message

Message thread: