Hallo,
ich möchte eine einfach aufgebaute Seite per CSS-Layout realisieren. Links das Menü, rechts der Inhalt, beides zusammen im Fenster zentriert. Das Menü sollte allerdings fixiert bleiben, also bei längerem Inhalt rechts nicht nach oben wegscrollen.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<style type="text/css">
#Gesamt {
margin: 0 auto;
width: 800px;
}
#Menue {
float: left;
position: fixed;
width: 300px;
background:#99FF66;
}
#Inhalt {
width: 500px;
margin-left: 300px;
background: #FFFF66;
}
</style>
</head>
<body>
<div id="Gesamt">
<div id="Menue">
Eintrag 1<br>Eintrag 2
</div>
<div id="Inhalt">
Zeile 1<br>Zeile 2<br>Zeile 3<br>Zeile 4<br>Zeile 5
</div>
</div>
</body>
</html>
Das funktioniert im Firefox 3 ideal. Ich möchte aber, dass dies zumindes auch im IE 7 funzt, der ja angebl. nun mit position:fixed umgehen kann. Das Problem ist aber, das der IE das Fixed-Menue-DIV nun über den Inhalt-DIV
legt. Daher ist der nun verbleibende Gesamtinhalt auch nicht mehr zentriert, sondern nach rechts verschoben.
Kann ich das Fixed-feature dennoch irgendwie mit dem IE7 sinnvoll einsetzen?