Reini: Problem mit position:fixed bei IE7

Beitrag lesen

SELF-Forum

Problem mit position:fixed bei IE7

Reini
– Informationen zu den Bewertungsregeln

Hab' mich jetzt in meiner Not noch mittels Trial-und-Error gespielt und irgendwann habe ich dann tatächlich die Lösung gefunden, wie auch der IE7 das Fixed-DIV richtig platziert:
das Eltern-DIV (=#Gesamt"), des fixed-DIV muss position:relativ oder position:absolut sein, weiters dürfen bei fixed keine left,top Werte angegeben werden, sonst wird beim IE7 relativ zum Viewport platziert.

Auf float:left habe ich nun verzichtet, stattdessen den Inhalt-Div absolut zum Eltern-DIV platziert.

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  
<html>  
<head>  
<style type="text/css">  
  
#Gesamt {  
 position:relative;  
 margin: 0 auto;  
    width: 800px;  
}  
  
#Menue {  
 position: fixed;  
 width: 300px;  
 background:#99FF66;  
}  
  
#Inhalt {  
 position: absolute;  
 top: 0px; left: 300px;  
 width: 500px;  
 /* margin-left: 0px; */  
 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>
Beitrag melden
–
Informationen zu den Bewertungsregeln