I'm working on a layout, but for some reason I cannot clear the div floats, could someone please look at this for me and let me know what Im missing. and before commenting to much, yes I will be placing the css into a seperate file and including it when all is said and done, this is just a quick start on it.
ok what's going on is obvious if you just copy and paste the code and open, for some reason the last 3 div's are not going back to the left side as they should be.
thank you in advance for correcting my stupidity.
here's the code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="" content="">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</head>
<body>
<div id="MAIN_TITLE_AREA" align="center" style=" margin:0 auto; width: 1024px; height: 110px; border:1px; border-style: solid; border-color:1px; z-index:10;">
<div id="MAIN_TITLE_DIV" style="width:1022px; height:66px; padding:0px; margin:0px; border:1px; border-style:double; border-color:black; z-index:10;">Title Area</div>
<div id="LOGGEDIN_USER" style="float: left; height:40px; border: 1px; border-style: solid; border-color: #bbbbbb; width:400px; z-index:10; overflow:none;"><p>User is logged in.</p></div>
<div id="TICKET_COUNT_STATUS" style="float: left; height:40px; border: 1px; border-style: solid; border-color: #bbbbbb; width:518px; z-index:10;"><p>Count Area</p></div>
<div id="LOGOUT_BUTTON" style="float: left; border: 1px; height:40px; border-style: solid; border-color: #bbbbbb; width:100px; z-index:10;"><P>LOGOUT</P><div>
<div style="clear:both;"></div>
<div id="MAINPAGELOADAREA" style="width:1022px; height:300px; border:1px; border-style:solid; border-color: black;">body area</div>
<div id="ACTIONLOADAREA" style="width:1020px; height:40px; border:2px; border-style:double; border-color: black;">action button area</div>
<div id="COMMENTLOADAREA" style="overflow-x:hidden; overflow-y:scroll; width:1022px; height:200px; border:1px; border-style:solid; border-color: black;">comments area</div>
</div>
</body>
</html>
