Brak obsługi position:fixed

Internet Explorer 6 nie pozwala w łatwy sposób „przyczepić” elementu w stałym miejscu ekranu.

position:fixed pozwala uzyskać wizualny efekt ramek (np. zawsze dostępne menu) bez negatywnych efektów ramek.

Rozwiązanie

Użyć: 

 position:absolute;position:fixed

co spowoduje użycie position:absolute w przeglądarkach nie obsługujących fixed.

Można też umieścić w <body> wszystkie elementy, które mają być stałe oraz owinąć w <div id="wrapper"> wszystkie pozostałe, a następnie: 

 html,body {height:100%;}
 body .elementyFixed {position:absolute;}
 body #wrapper {overflow:auto; height:100%;}

To obejście może utrudniać przewijanie strony w różnych przeglądarkach, więc najlepiej ten kod serwować wyłącznie Explorerowi 6.

Spis bugów

CSS /
Position
Site /
AllRecentChanges
Zmodyfikowano: 01.02.2010, 01:53
submit