sdleihssirhc — 2011-03-24T14:03:30-04:00 — #1
I'm working with definition lists. The term and definition are both one line, and I'd like to get them to display on the same line. My page is located at http://chrisshields.net/test.php
I'm floating both the dt and the dd to the left, and I'm giving the dt a clear:both rule.
Here's what I want, and what most browsers seem to do:
Here's what IE6 does:
I tried applying zoom:1 to anything and everything, but I can't get IE6 to behave. Any suggestions?
picnictutorials — 2011-03-24T14:35:50-04:00 — #2
Total guess as I've never messed with dd and dts. They remind me of tr and tds. Though I now their nothing alike. Try margin-right:100% instead of clear
victorinox — 2011-03-24T14:39:47-04:00 — #3
padding:1em 1em 0;
paulob — 2011-03-24T14:47:40-04:00 — #4
I'd also add this extra bit on to Vics code above.:)
That will keep the dd in a rectangular block rather than wrapping underneath if the content is longer.
sdleihssirhc — 2011-03-24T16:06:31-04:00 — #5
I love these forums.
Victorinox's solution works perfectly. Thanks.