Re: what is dt?

On Fri, Sep 18, 2009 at 1:41 PM, Leif Halvard Silli
<xn--mlform-iua@xn--mlform-iua.no> wrote:
> Another reason for not using <dt><dd> whether in <details> or <figure> is
> the fact that in IE6 and IE7, neither DD nor DT gets closed, if it is the
> last element of <figure>[1]. (<dialog> had the same problem.)

Man, you're right.  I missed this originally, because I was using
backgrounds to test containment, but I somehow gets the structure
right when talking about backgrounds.  Many other other properties,
though, act as if the following content is still part of the <dt>/<dd>
(specifically, border and font properties seem to be affected).

I can't seem to get it to *stop* doing so, either.  Putting a </dl>
afterwards, or even a full <dl></dl>, doesn't seem to help.  It seems
the parser might be in an inconsistent state and nothing will fix it
now.  Here's a simplified test case:

<!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>
<p>Gray background represents the body elment</p>
<figure>
 <dt>dd/dt element inside figure</dt>
 <p>content inside figure</p>
</figure>
<p>content outside figure</p>
<p>more content outside figure</p>

This issue will render <figure> and <details> largely unusable for
basically as long as <legend> was going to, since IE6 and IE7 will
still be around for some time (and it happens in IE8 with ie7 compat
turned on too).  I think this kills the <dt>/<dd> approach completely.

~TJ

Received on Friday, 18 September 2009 19:47:54 UTC