Menu
[CODE].cbox {
margin: 0 auto; /* containers for side-by-side <div>’s */
position: relative;
text-align: left;
clear: both;
}
.cleft {
text-align: left;
float: left;
}
.cright {
float: right;
text-align: left;
clear: right;
}
[CODE]<div class=’cbox’ style=’width:720px; padding-top:15px; border:1px solid #000000′>
<div class=’cright black p14′ style=’width:100px; text-align:center; border:1px solid #00ff00′>Tue</div>
<div class=’cleft black p14′ style=’width:170px; text-align:left; border:1px solid #0000ff’>Kearny Mesa</div>
<div class=’cleft black p14′ style=’width:40px; text-align:center; border:1px solid #000ff0′>3</div>
<div class=’cleft black p14′ style=’width:190px; text-align:left; border:1px solid #0ff000′>Matthew</div>
<div class=’cleft black p14′ style=’width:110px; text-align:left; border:1px solid #00ff00′>PSN</div>
<div class=’cleft black p14′ style=’width:95px; text-align:center; border:1px solid #ff0000′>8-Jan</div>
</div>
The above source that is displaying oddly in IE6 on an erratic basis. It appears multiple times on the page, and mostly displays correctly but once in a while container “cbox” <div> extends 15 px [U]below[URL=”http://www.sonora-sw.com/blog/divs.jpg”]image
The borders are added only so that I could see what was going on. And, of course, what they tell me is that I don’t know what’s going on. Does anybody here?
I should add the code validates 100% and has the following header:
<!DOCTYPE HTML PUBLIC ‘-//W3C//DTD HTML 4.01//EN’ ‘
(And somehow in editing my post I duplicated it. Sorry.)