Menu
Hi,
I’m working on a page where the 2 divs are placed next to each other. The page looks ok in IE 6 if the content is within 100% but if the content spills out of the range then the 2nd div shows up on the next line below the first div… how can I fix this? It works just fine in FF.. thanks!!
Here’s the code —
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “
<html lang=’en’>
<head>
<meta http-equiv=’Content-Type’ content=’text/html; charset=ISO-8859-1′>
<title>Untitled</title>
<style type=”text/css”>
body {
font-family: arial, verdana, helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: center;
font-size: 13px !important;
background : #fff;
}
html, body {
height: 100%;
.navpanel {
float: left;
overflow: hidden;
width: 18%;
padding-bottom: 32px;
border: 1px solid #f00;
}
.datapanel {
float: left;
width: 75%;
height: 80%;
padding-bottom: 32px;
border: 1px solid #69f;
}
.datapanel .content {
margin-left: 50px;
padding-top: 5px;
_height: 100%; /* for IE only
* for IE only
border: 1px solid #000;
}
</style>
</head>
<body>
<div class=”navpanel”>
Left div content goes here.
</div><!– navpanel –>
<div class=”datapanel”>
<div class=”content”>
<table border=”1″>
<tr>
<th>Rldkfdlkf;dlkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dlkfkfldgfjgfljgfljgfljgfkjgkfjfkjgkfjgkfjgkfjgfjkight div content goes herefgggkkkkkkkkkkkkkkkrlpmvbl;fmb;fmb;gmb;glfmb;lgmb;fmb;gmb;mg;bmf;gmd;vnd;nvd;knvd;nvdknvbdknbdnb.</th>
<th>Rldkfdlkf;dlkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dlkfkfldgfjgfljgfljgfljgfkjgkfjfkjgkfjgkfjgkfjgfjkight div content goes herefgggkkkkkkkkkkkkkkkrlpmvbl;fmb;fmb;gmb;glfmb;lgmb;fmb;gmb;mg;bmf;gmd;vnd;nvd;knvd;nvdknvbdknbdnb.</th>
</tr>
</table>
</div> <!– datapanel content –>
</div><!– datapanel –>
</body>
</html>