IE divs when data is more than 100% -- please help!

**webuser123** · 12-04-2009 05:48 PM

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" "http://www.w3.org/TR/html4/strict.dtd">
<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 */
_width: 100%; /* for IE only */
border: 1px solid #000;

}

</style>
</head>
<body>

<div class="navpanel">
Left div content goes here.
</div>
<div class="datapanel">
<div class="content">
<table border="1">
<tr>
<th>Rldkfdlkf;dlkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dlkfkfldgfjgfljgfljgfljgfkjgkfjfkjgkfjgkf jgkfjgfjkight 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;dlkfkfldgfjgfljgfljgfljgfkjgkfjfkjgkfjgkf jgkfjgfjkight div content goes herefgggkkkkkkkkkkkkkkkrlpmvbl;fmb;fmb;gmb;glfmb;lgmb;fmb;gmb;mg;bmf;gmd;vnd;nvd;knvd;nvdknvbdknbdnb .</th>
</tr>
</table>
</div> 
</div>
</body>
</html>

Thread: IE divs when data is more than 100% -- please help!

Thread Tools

Display

IE divs when data is more than 100% -- please help!

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions