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:
Was mache ich falsch?
Für eure Hilfe danke ich im Voraus.
Liebe Grüsse,
Sorus