Ignacio Javier, that's myself, wrote: > Anybody can describe what kind of css2.1 obtrusive multiparagraph, > omission > left for css3, or simply buggy behavior, is happening in this "naive" > styled > xhtml, that renders significantly different in IE6, opera 9 and firefox > 1.5?:
Thanks Rahul, yes, I missed DOCTYPE declaration, for strict mode, is not a quirks mode issue. Here goes the complete document: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="es" lang="es"><head><title>The giggle divergence test</title> <style type="text/css"> body { font: 11px verdana, sans-serif; margin: 0; line-height: 14px; } em { float: left; font: 122px sans-serif; } </style> </head><body> <div style="border: 1px solid silver; height: 110px;"> <em title="#"><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></em> </div> <div style="border: 1px solid silver; clear:left;"> ******* </div> </body></html> Other one very fun, at rendering. To see it press inside a image and release outside that image in opera, and then do the same on any other image, and then rollover any image.... To see it in firefox only drag the right scrollbar. Obviously Explorer does not render outlines as CSS specified. In fact outlines have a "spiritual shadow" of the "very strange", like the times of javascript style sheets (http://www.w3.org/Submission/1996/1/WD-jsss-960822) in netscape navigator 4. Lots fun. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="es" lang="es"><head><title>The giggle divergence test</title> <style type="text/css"> body { font: 11px verdana, sans-serif; margin: 0; line-height: 14px; } em { float: left; font: 122px sans-serif; } *:active *,*:active, *:focus, *:focus * { outline: thick invert solid; float: left; } </style> </head><body> <div style="border: 1px solid silver; height: 110px;"> <em title="#"><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></em> </div> <div style="border: 1px solid silver; clear:left;"> ******* </div> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> <a href="http://www.google.com/intl/en_ALL/images/logo.gif";><img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /></a> </body></html> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
![http://www.google.com/intl/en_ALL/images/logo.gif"](http://www.google.com/intl/en_ALL/images/logo.gif"){kind=link}