Guys this is freaking me out - im starting to wonder if ive gone completely bonkers and am doing something really stupid…
this is my HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="bla" />
<meta name="keywords" content="bla" />
<style type="text/css">
#leftPanel {
width: 230px;
height: 590px;
background-color: #000000;
float: left;
}
#topBanner {
width: 500px;
height: 230px;
background-color: #666666;
}
#nav {
width: 500px;
height: 40px;
background-color: #C6C8CA;
border-top: 4px solid #939598;
}
</style>
</head>
<body>
<div id="leftPanel">
</div>
<div id="topBanner">
</div>
<div id="nav">
</div>
</body>
</html>
now youd think that the “leftPanel” div, with its height and width set, and a float: left set, would make all the following divs float next to it…which it does in IE…but in Ffox 2 it brings the divs up but ignores the width of the leftpanel div…
Please help me understand this! Whats going on?!?!?
Is it an FFox2 glitch? :huh: