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

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 UTC