T
time waster
Ok. I'm working on a simple standard 3 division problem here. Basic web site
style of banner and two divisions below it. In IE, the third division shows
properly. But in Mozilla, the third division drops down below the others. I just
can't figure out why this is happening. Here's my code I'm using.
<style type="text/css">
div.big {position:absolute;
left:1px; top:1px;
width:99%; height:200%;
border:solid black; float:left; }
div.banner {width99%; height:100px; border:solid red;}
div.left { width:30%; height:100%; border:solid blue; float:left; }
div.middle {width:70%; height:100%; border:solid black; float:left; }
div.right {width:24%; height:100%; border:solid green; float:left; }
</style>
</HEAD>
<BODY>
<div class="big">
<div class="banner">
</div>
<div class="left">
hello
</div>
<div class="middle">
world
</div>
</div>
style of banner and two divisions below it. In IE, the third division shows
properly. But in Mozilla, the third division drops down below the others. I just
can't figure out why this is happening. Here's my code I'm using.
<style type="text/css">
div.big {position:absolute;
left:1px; top:1px;
width:99%; height:200%;
border:solid black; float:left; }
div.banner {width99%; height:100px; border:solid red;}
div.left { width:30%; height:100%; border:solid blue; float:left; }
div.middle {width:70%; height:100%; border:solid black; float:left; }
div.right {width:24%; height:100%; border:solid green; float:left; }
</style>
</HEAD>
<BODY>
<div class="big">
<div class="banner">
</div>
<div class="left">
hello
</div>
<div class="middle">
world
</div>
</div>