Sent by Ingo Chao on 21 March 2005 22:10
Adam Kuehn schrieb:
> Pringle, Ron wrote:
>
>> To
>> get the expected behavior in Zoe's test case, all that is required is to
>> remove the margins from and float the <dd>s.
>
>
> That works as long as the content in the <dd>s is short enough. The
> method broke for me when the <dd> got long enough to wrap. I never
> could get what I figured was Zoe's desired rendering of term and
> definition always side-by-side and vertically aligned on the same first
> line.
>
Floating the <dd>s too should solve it in FF, but Opera7.54 ignores that
float rule 5 and would float the <dd> upwards (fixed in recent Opera beta).
I do not know if it is possible to have "term and and definition always
side-by-side and vertically aligned on the same first line" in Zoe's
scenario, where there isn't a <dd> for each <dt>.
My attempt of an equal heights <dd> and <dt> is to float the <dt> and to
clear this float in a dd:after rule (similar to the clearfix method).
Does work in FF, Opera7.54-8 here. And IE6. Does not work in MacIE, of
course, and does not tolerate omitting the <dd> on principle.
I'm testing this method here: http://www.satzansatz.de/cssd/tmp/dltest.html
Don't know if it's of any use, though, I'm using it for link lists.
Ingo
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/