I was experimenting with two column layouts, and at one point wrote
the code listed at the end of this message. IE and Mozilla have two
entirely different interpretations of what it does.
In IE6, the c1 divs are all lined up along the left side of the page.
The c2 divs are lined up along the right side of the page. Both
columns start at the top of the page.
In Mozilla (Firebird), c2 divs starts down the page next to the last
c1 div. This makes sense. The c1 divs are constantly clearing left,
which will affect the placement of the c2 divs. Is Firebird right in
this case? If so, isn't this a serious IE bug? (It isn't honoring
the clears).
- Trent
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
div
{
color : black;
font-weight : bold;
margin : 10px;
}
.c1
{
float : left;
clear : left;
background-color : #FFBBBB;
}
.c2
{
float : right;
clear : right;
background-color : #BBFFBB;
}
</style>
</HEAD>
<BODY>
<div class="c1">
My div c1<br>
My div c1<br>
My div c1<br>
My div c1<br>
</div>
<div class="c1">
My div c1<br>
My div c1<br>
My div c1<br>
My div c1<br>
My div c1<br>
</div>
<div class="c1">
My div c1<br>
My div c1<br>
My div c1<br>
My div c1<br>
My div c1<br>
My div c1<br>
</div>
<div class="c2">
My div c2<br>
</div>
<div class="c2">
My div c2<br>
My div c2<br>
My div c2<br>
My div c2<br>
My div c2<br>
</div>
<div class="c2">
My div c2<br>
My div c2<br>
My div c2<br>
My div c2<br>
</div>
</BODY>
</HTML>