Pozycja fixed w Internet Explorer 6 [ position fixed ie6 ]
Skrypt pokazuje jak zasymulować pozycję fixed w Interent Explorer 6 przy użyciu wyłącznie kodu CSS.
Przykłądowo chccemy wypozycjonować w górnym prawym rogu pewnego div'a o klasie "latajacyDiv", dla normalnych przeglądarek kod wyglądałby następująco:
.latajacyDiv {
position:fixed;
top:0;
right:0;
width:138px;
height:141px
}
position:fixed;
top:0;
right:0;
width:138px;
height:141px
}
Jednak IE6 zupełnie nie rozumie wartości "fixed", dlatego w sekcji BODY naszego dokumentu należy umieścić instrukcję warunkową z podanym kodem css wewnątrz (patrz listing 1.0).
Listing
//listing 1.0
<!--[if IE 6]>
<style type="text/css">
/* IE6 FIX dla pozycji fixed*/
/* Pobrano z Funkcje.net */
.latajacyDiv {
position:absolute;
top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
right: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
}
</style>
<![endif]-->
<!--[if IE 6]>
<style type="text/css">
/* IE6 FIX dla pozycji fixed*/
/* Pobrano z Funkcje.net */
.latajacyDiv {
position:absolute;
top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
right: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
}
</style>
<![endif]-->
Dodano przez: divix
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
