On Feb 1, 2007, at 9:28 AM, Mordechai Peller wrote:
<snip>
<div class="row"><div class="col">a1</div><div class="col">b1</
div></div>
Thanks, but to clarify, the posted code isn't the code from the
page, rather it's a generic example to illustrate the bug. The
actual code is in the following form:
<label></label><input />
so the alternative I had in mind is:
<fieldset><label></label><input /></fieldset>
But let's say the markup is as follows:
<dl>
<dt>a1</dt><dd>b1</dd>
<dt>a2</dt><dd>b2</dd>
<dt>a3</dt><dd>b3</dd>
</dl>
in which case there is no alternative which isn't much less
semantic (e.g., giving each pair its own dl). What would suggest then?
I don't think the good-people-at-MS (tm) ever read 9.5.1 in CSS 2.1
[1], and particularly the 5th point in the ordered list.
Both IE 6 and IE 7 are completely broken on that. (usual...)
Solutions for both your form and your definition list: float only the
label / the <dt>.
I use that quite frequently and that works reasonably well in
iExploder. In some cases the parent container, e.g. the <dl> may need
a 'haslayout' trigger.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
