![Weso³ych¦wi±t ;]](http://funkcje.net/images/logo_easter.jpg){kind=logo}
![Światowy dzień książki... IT! [Książki drukowane -40%| Ebooki -50%]](https://static01.helion.com.pl/helion/img/promocje/bannery/19098/box_1180x419_6x_druk_Helion_swiatowy_dzien_ksiazki_Rpolony_054b5475a.jpg)
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: 38523
Ranga: Administrator serwisu Punktów: 38523
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
