hello dave,
nice to see ya playing with css layouts again:
---------------------------
first - its not really important but put style between head tag and dont use clear within your id->left float ... first you define floats and then, same time you erase ..
use an extra div before closing maincontainer and use clear.. you may hide this div .... but do not need to tell you ..
code below should solve your problem...
cheers
michael
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
<!--
body {
background-color: #333333;
}
#maincontainer1 {
padding:0px;
margin-top: 4px;
width: 700px;
border: 4px solid white;
background-color: #2D94BD;
}
#leftfloat {
height: auto;
width: 525px;
float: left;
border: 1px solid white;
}
#rightfloat {
height: auto;
float: right;
width: 150px;
border: 1px solid white;
background-color: #BD2D2D;
}
//-->
</style>
</head>
<body>
<div id="maincontainer1">
<div id="leftfloat">Left float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left float
Left float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float
left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left float
Left float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float
left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft floa
t left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left float
Left float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float
left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
loat left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left float
</div>
<div id="rightfloat">right float right floatright floatright floatright floatright floatright floatright floatright
floatright floatright floatright float
right floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright floatright floatright floatright floatright float
right floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright float
right floatright floht floatright floatright floatright floatright floatright floatright floatight floatright floatright
floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright float
right floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright floatright float
right floatright floht floatright floatright floatright floatright floatright floatright floatight floatright floatright
floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright float
right floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright float
right floatright floht floatright floatright floatright floatright floatright floatright float
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
