L
Long
The following seems to work as planned on Mozilla, but has an
ugly gap between .bodyleft and .bodyright when viewing in IE.
What sort of IE hack can fix it for IE?
<HTML>
<HEAD>
<TITLE>CSS Box Test</TITLE>
<STYLE type="text/css">
<!--
body {
margin:0px;
}
.bodytop {
border: 1px solid #000;
height: 60px;
}
.bodyleft {
float: left;
border: 1px solid #000;
height: 120px;
width: 200px;
}
.bodyright {
border: 1px solid #000;
height: 120px;
margin-left: 200px;
}
-->
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="bodytop">
<P>bodytop section</P>
</DIV>
<DIV CLASS="bodyleft">
<P>bodyleft section</P>
</DIV>
<DIV CLASS="bodyright">
<P>bodyright section</P>
</DIV>
</BODY>
</HTML>
..long
ugly gap between .bodyleft and .bodyright when viewing in IE.
What sort of IE hack can fix it for IE?
<HTML>
<HEAD>
<TITLE>CSS Box Test</TITLE>
<STYLE type="text/css">
<!--
body {
margin:0px;
}
.bodytop {
border: 1px solid #000;
height: 60px;
}
.bodyleft {
float: left;
border: 1px solid #000;
height: 120px;
width: 200px;
}
.bodyright {
border: 1px solid #000;
height: 120px;
margin-left: 200px;
}
-->
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="bodytop">
<P>bodytop section</P>
</DIV>
<DIV CLASS="bodyleft">
<P>bodyleft section</P>
</DIV>
<DIV CLASS="bodyright">
<P>bodyright section</P>
</DIV>
</BODY>
</HTML>
..long