Sean SPALDING wrote:
This page (http://www.business.ecu.edu.au/users/sean/webdev/flobo.htm) has a
styled DL in a table. In IE the 2nd, 3rd, etc DDs for each DT slip left
under the DT.
Any suggestions?
Hi Sean
One suggestion would be to float the <dd> elements right and use their
width and right margin to achieve that end. I've appended the
stylesheet, with the necessary changes, below. It was necessary to add a
clear: both;
to your .content img and .content h1 elements to prevent the image and
heading leaping to the top of the cell as a result of the floated
definition list elements.
Semantically I don't see anything wrong with this use of a definition
list. It's entirely valid to have more than one description associated
with a term.
The table-based layout is another matter, but then I guess you know that
all too well!
Your profile.css would become:
.content td h1 {
margin-top: 30px;
text-transform : none;
}
.content dl {
padding: 0;
margin: 0 1em 0.5em;
clear : both;
}
.content dl dt{
width: 20%;
padding: 0;
margin: 0 0.7em 2em 1em;
font-weight: bold;
float: left;
clear: both;
}
.content dl dd{
float: right;
width: 70%;
padding: 0;
margin: 0 3% 2em 0;
}
.content img,
.content h1{
clear: both;
}
Cheers
Peter
--
Peter Asquith
http://www.wasabicube.com
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************