W3C home > Mailing lists > Public > public-html@w3.org > September 2009

Re: dt/dd in figure/details has killer rendering issues in ie6 and ie7

From: Leif Halvard Silli <xn--mlform-iua@xn--mlform-iua.no>
Date: Sat, 19 Sep 2009 19:36:15 +0200
Message-ID: <4AB5168F.9090101@xn--mlform-iua.no>
To: "Tab Atkins Jr." <jackalmage@gmail.com>
CC: public-html@w3.org, Shelley Powers <shelleyp@burningbird.net>
Leif Halvard Silli On 09-09-19 15.11:

> Tab Atkins Jr. On 09-09-18 22.25:
> 
>> I'm promoting this to a top-level thread, to make sure it gets read by
>> people even if they've ignored the bikeshed threads elsewhere on
>> similar subjects.  Leif has discovered a *major* rendering bug
>> resulting from using dt/dd in figure/details that makes them virtually
>> unusable in IE6, IE7, and IE8-as-IE7.
>>
>> Here is a minimal test-case demonstrating the error (cribbed from Leif's email):
> 
> The problem can be cured with a simple - script free - hack:
> 
>> <!doctype html>
>> <script> document.createElement("figure"); </script>
>> <style>
>> body{ background: silver; color: #800; margin: 0; text-align: center; }
>> figure { display: block; background: green !important; color: white
>> !important; text-align: center; border: black dotted 4px; }
>> dt, dd { border: #800 solid 4px; color: #88f; }
>> </style>
> 
> <!--[if lt IE 8]><object><!<![endif]--></head><body>


Correction:

   <!--[if lt IE 8]><object></head><!<![endif]--><body>

(The old version could cause elements to be moved into the <head>, 
whenever the start tag of <html> and <head> was used.)
-- 
leif halvard silli
Received on Saturday, 19 September 2009 17:36:56 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 9 May 2012 00:16:48 GMT