fast/block/float/013.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Macromedia - Products</title>


<style type="text/css">

#bluebox {
	background-color: blue;
	position: absolute;
	top: 64px;
	width: 100%;
	height: 100px;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	text-align: center;

}

#greenbox {
	background-color: green;
	margin: 0px auto;
	text-align: left;
	width: 723px;
	height: 55px;
}

#yellowbox {
	float: left;
        padding: 16px 16px 16px 16px;
	background-color: yellow;
        
}

#redbox { 
	position:absolute;
	top: 58px;
	left: 567px;
	padding: 8px 0px 0px 0px;

	background-color: red;

	height: 161px;
}


</style>

</head>

<body>

<div id="bluebox">    

 <div id="redbox">this is the pseudorNav div</div>
		<div id="greenbox" style="border-bottom:2px solid #888878;">         
			some other macromedia logo
		</div>    	
		
		<div id="yellowbox" style="width: 100px;">Feh
				
                           				
						
		</div>     
               
</div>

</body><!-- InstanceEnd --></html>