Loading:


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




Dodano przez: divix
Ranga: Administrator serwisu Punktów: 0
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-2024 v.1.5 | design: diviXdesign & rainbowcolors