Julian1986: Problem float: left/right mit IE9

Beitrag lesen

SELF-Forum

Problem float: left/right mit IE9

Julian1986
– Informationen zu den Bewertungsregeln

Moin,
ich schmeiß einfach mal ein einfaches Beispiel in den Raum, welches mit IE7 richtig aussieht, IE9 (und IE8 ebenfalls) jedoch nicht. Man beachte die Position der roten, linken Box:

Hier der Code dazu:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>  
	<head>  
		<style type="text/css">  
			.Right  
			{  
				width: 200px;  
				border: 1px solid green;  
				float: right;  
				clear: right;  
			}  
			.Left  
			{  
				width: 50px;  
				border: 1px solid red;  
				float: left;  
			}  
		</style>  
	</head>  
  
	<body>  
		<div class="Right">  
			RightContent [...]  
		</div>  
		<div class="Right">  
			RightContent [...]  
		</div>  
		<div class="Right">  
			RightContent [...]  
		</div>  
  
		<h1>Header</h1>		  
		<div class="Left">Test Test Test</div>  
		<p>  
			Main Content [...]  
		</p>  
  
	</body>  
</html>

Täusche ich mich oder macht der IE8/IE9 hier was falsch? Und wie mache ich's für beide richtig? Habe zwar schon mit umschließenden <div> hantiert, aber noch keine Idee für eine Lösung...

Danke für eure Hilfe,
Julian

Beitrag melden
–
Informationen zu den Bewertungsregeln