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


Zmodyfikowano: 31.01.2010, 17:53
submit