i lagos wrote:
> i want to achieve this:
> but this code breaks when there are there are more lines in the DT
> than in the DD, it breaks only in IE 6 win, and Opera 7.5 Mac.
> i'm having a hard time explaining, so here is an example of how it breaks
Yes, this breaks in IE/win and Opera because in certain circumstances they
do no respect all floats rules, and position a float higher than a previous
one (while this should not happen.).
In similar cases the problem can be solved adding some clearing element to
'separate' your rows, but with your markup that's not easy (you cannot add a
clearing div inside the dl, after each dt/dd pair ...) A quick test shows
that floating only the dt (not the dd), adding suitable margin or padding to
the dd, and a clearing br at the end of it, may help. But IMO this is
going to be too complex, I would use a table, unless you really feel this is
semantically incorrect in your case.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/