Eigentlich, hatte ich mit der float Funktion, vorallem, da sie so einfach ist, noch nie Probleme. Allerdings jetzt, ich weiß jedoch nicht warum. Sofern ich das sehe hab ich alles richtig gemacht, und bis her hab ich es auch noch nicht anders gemacht, es funktioniert allerdings trotzdem nicht. ^^

html-code
Code: 
<html> 

	<head> 
		<link rel="stylesheet" type="text/css" href="Übung_für_Arbeit_01.css">
	</head> 
	
	<body> 
			<div class="header"> 
			</div> <!-- header -->
			
			<div class="linkleiste"> 
			</div>  <!-- Linkleiste --> 
			
			<div class="links"> 
			</div>  <!-- Feld links --> 
			
			<div class="rechts"> 
			</div>  <!-- Feld rechts --> 
	</body> 


</html>
css-code
Code: 
.header
{
width: 600px;
height: 200px;
border: 1px solid black;
} 

.linkleiste
{
width: 600px;
height: 50px;
border: 1px solid black;
} 

.links
{
width: 200px;
height: 550px;
border: 1px solid black;
float: left;
} 

.rechts
{
width: 400px;
height: 550px;
border: 1px solid black;
}

Das Problem ist, dass die untere div-Box "rechts" zwar nach oben rückt, allerdings nicht direkt neben "links" sondern darunter. Warum auch immer, ist mir bis jedenfalls noch nie passiert. Kann mir da jemand weiterhelfen?


Gruß
Streicher