Mark Stanton blurted out:
Sorry James - my point wasn't too clear. I'm not concerned about the wrapping - sometimes things have to wrap. I just want to make sure that each definition lines up vertically with its term. This works in Firefox, but no IE. Cheers Mark
Here's a simple demo page for this (which doesn't use a DL). The problem is that IE stacks up the right side boxes with no gap between them, while Firefox aligns the tops of the right side boxes with those of the left. I don't have a fix for it, I'm just trying to help illustrate the problem.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<title>Misalignment</title>
<style>
div {
float: left;
width: 40%
}
.div1 {
height: 2em;
background-color: blue;
border: thin solid black;
clear: both;
}
.div2 {
height: 1em;
background-color: red;
border: thin solid green;
}
</style>
<body>
<div class="div1">This is div1</div><div class="div2">This is div2</div>
<div class="div1">This is div1</div><div class="div2">This is div2</div>
<div class="div1">This is div1</div><div class="div2">This is div2</div>
<div class="div1">This is div1</div><div class="div2">This is div2</div>
<div class="div1">This is div1</div><div class="div2">This is div2</div>
<div class="div1">This is div1</div><div class="div2">This is div2</div>
</body>
</html>
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
