DIV-Verhalten (Floating, umgebendes & nachfolgendes Element)

[sho]

Hallo ChrisB,

Webspace zum hochladen mit Bildern gibt es nicht-ich hoffe es ist durch die Original-Einrückungen^^ besser. Hatte den Code umformatiert & Container umbenannt, um zu "verallgemeinern" ;-) .. Mea Culpa ..

<div id="content">  
	<div id="left"></div>  
	<div id="main">  
		<p>Blindtext</p>  
	</div>  
	<div id="right">  
		<div id="box">  
			<img src="img/bild.png" />  
			<div id="test">  
				<img src="img/bild.png" />  
				<span> TextTextText</span>  
			</div>  
		</div>  
	</div>  
	<div class="clear"></div>  
</div>  
<div id="footer"></div>

  
div#content{  
        width:900px;  
        margin-left:auto;  
        margin-right:auto;  
        margin-bottom:20px;  
        /*overflow:hidden;*/  
}  
div#left{  
        float:left;  
        width:284px;  
        min-height:400px;  
}  
div#main{  
        float:left;  
        width:460px;  
        min-height:400px;  
}  
div#main p{  
        padding:0px;  
}  
div#right{  
        float:left;  
        width:220px;  
        min-height:400px;  
        background:green;  
}  
div#box{  
        position:relative;  
        top:64px;  
        width:220px;  
        min-height:100px;  
        padding:0px;  
}  
div#box img{  
        float:left;  
        width:220px;  
        height:20px;  
}  
div#test{  
        margin-left:8px;  
        background:black;  
        height:auto;  
}  
div#test img{  
        width:20px;  
        height:20px;  
}  
div#footer{  
        width:100%;  
        height:25px;  
        background:red;  
}