dave: 3-spaltiges Layout: Reihenfolge der Spalten im Quellcode

Beitrag lesen

Hi,

<!doctype html>  
<html>  
<head>  
<title></title>  
<style type="text/css">  
[code lang=css]	body {  
		max-width:800px;  
		min-width:400px;  
		margin:0 auto;  
	}  
	.aside {  
		float:left;  
		background:blue;  
		width:100px;  
	}  
	.content {  
		float:left;  
		background:red;  
		position:relative;  
		left:100px;  
	}  
	.section {  
		float:right;  
		background:green;  
		width:100px;  
	}

</style>
</head>
<body>
<div class="content">bar</div>
<div class="aside">foo</div>
<div class="section">baz</div>
</body>
</html>[/code]

Somit sind .content und .section schon richtig positioniert.
.aside allerdings nicht.

Wenn ich allen Elementen wie von dir empfohlen float:left oder allen float:right gebe kann ich sogar nur 1 Element richtig positionieren.

Was mache ich falsch?
Wie schaffe ich es auch .aside richtig zu positionieren?

~dave