Loading:

Ferie zimowe - 3 za 2

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
}

 

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).



Napisz Artykuł

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]-->


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=5734

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: divix
Ranga: Administrator serwisu Punktów: 38319
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors