nicht angemeldet
Hallo Christian,
hat alles weitestgehend funktioniert. Ich habe 2 Style-Dateien mit folgenden Inhalten:
style.css:
#logo {margin: auto; width: 800px;min-height:608px;background-color: #FFFFFF;}
#menu {float: left; width: 150px; min-height: 500px; background-color: #e91210;}
#inhalt {margin-left: 150px; min-height: 500px;}
ie.css:
#logo {margin: auto; width: 800px;min-height:608px;background-color: #FFFFFF;}
#menu {float: left; width: 150px; height: 500px; background-color: #e91210;}
#inhalt {margin-left: 150px; height: 500px;}
Meine HTML-Datei hat folgenden Inhalt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS-Layout</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css">
<![endif]-->
</head>
<body background="background.png">
<div id="logo"><img src="logo.jpg" style="display: block;">
<div id="menu">Menü1<br>Menü2</div>
<div id="inhalt">
</div>
</div>
</body>
</html>
Wenn nun der Inhalt über die Höhe von 500px hinausgeht ändert sich die Hintergrundfarbe des Menübereichs auf weiß.
Irgendetwas scheint hier noch nicht korrekt zu sein? Könntest Du das nochmals prüfen?
Danke und Gruß
Marco :-)