Hi
I've got a page displaying a bunch of data in two columns. I wasn't sure
whether to go with a table or definition list for this. I don't think
there is much in it, really, but went for a definition list. I wanted it
to display kind of like a table though. :p
Here's what I've done so far:
html: <div id=maincontent>
<div id=detail>
<dl>
<dt></dt> etc.
</dl>
<dl>etc...
</div>
</div>
CSS:
#maincontent {width: 800px etc}
#detail dl {
border-bottom: 1px solid #CCCCCC;
padding: 0px;
margin: 0px;
}
#detail dl dt {
width:200px;
padding-left: 5px;
float: left;
}
#detail dl dd {
margin-left: 200px;
}
In FF, this looks OK until one of the dt's wraps to the next line at
which point everything goes out of whack. This is where it says: "Name
of person submitting project details".
In IE6, things are worse still. The dt's don't display at all.
You can view the page at:
http://www.pauljinks.co.uk/house/detail.php?projTitle=A%20ricardo%20le%20duele%20la%20garganta.
and the CSS at:
http://www.pauljinks.co.uk/css/detail.css
Sorry about the massive URL and the silly content.
TIA
Paul
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
