Can't recall seeing an answer to this post, so I thought I'd have
a look at the issue.
Eg. http://www.business.ecu.edu.au/schools/mtl/staff/index.htm and
http://www.business.ecu.edu.au/schools/mtl/staff/spettigrew.htm
In IE I get the 3px jog and in FF dd's that are shorter than their
corresponding dt float upwards messing up the alignment.
...
Is this doable or should I be looking for an alternative way to make
lists? I would like to make it work.
I did some experimenting and can't make the 3px jog disappear
either with the current (x)html structure. However, if you put a
list (ul) with list-style:none; into each dd that has more than
one name, rather than using multiple dd's per dt, you may be able
to solve the dilemma.
Float the dt left, give the dd a corresponding margin-left and a
height:1% (hack) for MSIE.
See example at http://www.bwdzine.net/test/ecu.html
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
