fixe bereiche in ie6

[provl]

hallo zusammen.

ich schreibe derzeit an einer seite, welche links den inhalt, und rechts ein menü hat. dieses menü soll per position:fixed fest verankert werden; also nicht mit scrollen.
im ff funktioniert es wunderbar. nur mit dem ie6 hab ich mein problem.
das menü ist im ie6 weder fixiert, noch überhaupt an der richtigen stelle.
den link habe ich hinterlegt.

in selfhtml hab ich hierzu den folgenden artikel gefunden (fixe bereiche mit css-basierten layouts)http://de.selfhtml.org/css/layouts/fixbereiche.htm#fixiert_ie

leider komme ich damit aber nicht zurecht. es funktioniert einfach nicht.

hier der auszug aus meiner css datei:

  
#inhalt_o {  
 position:relative;  
 left:50%;  
 margin-left:-292px;  
 top:120px;  
 width:452px;  
 height:12px;  
 background-image: url(iseite_hgrund_00_12_inhalt_oben.png);  
 overflow:hidden;  
 z-index:2; }  
#inhalt_m {  
 position:relative;  
 left:50%;  
 margin-left:-292px;  
 padding:0px 20px 0px 10px;  
 top:120px;  
 width:422px;  
 max-height:1268px;  
 background-image: url(iseite_hgrund_00_12_inhalt_mitte.png);  
 background-repeat: repeat-x;  
 overflow:hidden;  
 z-index:2; }  
#inhalt_u {  
 position:relative;  
 left:50%;  
 margin-left:-292px;  
 top:120px;  
 width:452px;  
 height:13px;  
 background-image: url(iseite_hgrund_00_12_inhalt_unten.png);  
 overflow:hidden;  
 z-index:2; }  
#inhalt_r {  
 position:fixed;  
 left:50%;  
 margin-left:170px;  
 padding:13px 20px 10px 10px;  
 top:135px;  
 width:106px;  
 height:278px;  
 background-image: url(iseite_hgrund_00_12_inhalt_rechts.png);  
 overflow:hidden;  
 z-index:2; }  

kann mir jemand sagen, wo genau mein fehler ist, bzw. wie ich den workaround aus selfhtml anwenden muss?

vielen dank,
provl

[Patrick Andrieu]

Hallo provl!

den link habe ich hinterlegt.

Nein, Du hattest den Link zur Tunnelseite hinterlegt, nicht zur Problemseite.

in selfhtml hab ich hierzu den folgenden artikel gefunden (fixe bereiche mit css-basierten layouts)http://de.selfhtml.org/css/layouts/fixbereiche.htm#fixiert_ie
leider komme ich damit aber nicht zurecht. es funktioniert einfach nicht.
kann mir jemand sagen, wo genau mein fehler ist, bzw. wie ich den workaround aus selfhtml anwenden muss?

Na, so wie es beschrieben ist. Davon sieht man in Deinem CSS bzw. in Deinem HTML-Code nichts. Du kannst entweder mit Conditional Comments (im HTML-Code, wie in SELFHTML beschrieben) arbeiten - oder mit dem Sternchen-HTML-Hack direkt in der CSS-Datei.

Viele Grüße aus Frankfurt/Main,
Patrick

[Cyx23]

Hallo,

leider komme ich damit aber nicht zurecht. es funktioniert einfach nicht.

Wie Patrick schon geschrieben hat, mußt du für den IE zusätzlich andere
Angaben fürs CSS machen, und diese ggf. per Weiche vor den modernen Browsern
verstecken.

Noch ein Beispiel für position fixed:
http://www.lipfert-malik.de/webdesign/tutorial/bsp/zwei-spalten-layout.html

Diese Vorgehensweise erfordert in deinem Fall als erste einfache Maßnahme
so etwas für den IE 6:

  
 html      { overflow-y:hidden;  
             }  
 body      { height:100%;  
             overflow:auto;  
             margin:0px;  
             }  
 #inhalt_m { position:static;  
             margin:auto;  
             }  
 #inhalt_r { position:absolute;  
             right:5%;  
             left:auto;  
             top:6.5em;  
             }  

Grüsse

Cyx23