Sorus: Seltsames Phänomen

Beitrag lesen

Guten Tag liebe Forenmitglieder

Ich habe ein seltsames Phänomen aus dem ich einfach nicht schlau werde und bei dem ich eure Hilfe benötige. Um euch das Problem zu verdeutlichen habe ich zwei kleine Dateien geschrieben.

------------------------------------------------------------------------

test.htm:

  
<html>  
<head>  
  
<link rel="stylesheet" type="text/css" href="test.css">  
  
</head>  
<body>  
  
<div id="links">links</div>  
<div id="rechts">rechts</div>  
<div id="mitte">test</div>  
  
</body>  
</html>  

------------------------------------------------------------------------

test.css

  
<!--  
  
#mitte {  
height: 50px;  
/* width: 100%; */  
border: 1px solid #000000;  
}  
  
#links {  
float: left;  
height: 50px;  
width: 50px;  
border: 1px solid #000000;  
}  
  
#rechts {  
float: right;  
height: 50px;  
width: 50px;  
border: 1px solid #000000;  
}  
  
//-->  

------------------------------------------------------------------------

Wenn ich die Datei test.htm mit verschiedenen Browsern starte erhalte ich verschiedene Ergebnisse:

Google Chrome

Internet Explorer

Was mache ich falsch?

Für eure Hilfe danke ich im Voraus.

Liebe Grüsse,
Sorus