Ładowanie Ładowanie

Post: > Jak rozwiązać pewne problemy z CSS-em w Internet Explorerze 6?

wydrukuj: print publikuj: wykop dodaj do flakera Dodaj jako nius na OSnews.pl! delicious

Jak rozwiązać pewne problemy z CSS-em w Internet Explorerze 6?

2008-09-30 22:57:00 | Adam Golański
Jak rozwiązać pewne problemy z CSS-em w Internet Explorerze 6?

Internet Explorer 6 to zmora wszystkich webmasterów. Swobodna interpretacja standardów sieciowych zmusiła wielu projektantów stron WWW do spędzania wielu godzin na wprowadzaniu do kodu poprawek, które umożliwiłyby poprawne wyświetlanie treści w tej przeglądarce. Wszyscy chętnie by już o IE6 zapomnieli, tak jak zapomnieliśmy o większości innych aplikacji wydanych siedem lat temu, ale w wypadku IE6 nie jest to niestety możliwe. Jak pokazują wyniki Gemiusa, z przeglądarki tej wciąż korzysta w Polsce ponad 27% użytkowników.

Ten zbiór porad może pomóc webmasterom, którzy męczą się z dostosowaniem swoich stron do wymagań IE6.

Dlaczego dla elementu div przy position: absolute własność height:100% nie działa?

IE6 nie potrafi poprawnie zinterpretować tej własności, ponieważ nie jest ona ustawiona dla rodzica div. Jeśli chcesz, by height było ustawione na 100%, musisz dodać taką własność do elementów body i html.

Dlaczego użycie własności float w elemencie div podwaja rozmiar marginesów?

To prosty, choć niejasny w swojej genezie błąd. Rozwiązuje się go, dodając do elementu div własność display:inline.

Dlaczego IE6 renderuje dwukrotnie ostatni element listy li poza listą nieuporządkowaną ul?

Ten czasem zdarzający się błąd można wyeliminować, wstawiając pod koniec listy komentarz, np.:

<!– poprawka dla IE6 –>.

Dlaczego na chwilę przed załadowaniem witryny na chwilę pojawia się pozbawiona stylów wersja?

Zauważono, że zjawisko takie zachodzi podczas użycia dyrektywy @import – np.:

<style type="text/css">@import "styl.css"; </style>

Dziwnym, ale skutecznym rozwiązaniem jest dostarczenie IE6 arkusza stylów dla wydruku przez umieszczenie w sekcji head strony następującej linijki:

<link rel="stylesheet" href="styl.css" type="text/css" media="print" />

Dlaczego podczas przewijania strony znika obrazek tła?

Zdarza się, że obrazek ustawiony jako tło strony znika w IE6 – zaobserwowano to przede wszystkim przy przewijaniu strony w pionie. Po odświeżeniu strony obrazek pojawia się ponownie, jednak trudno oczekiwać, by użytkownicy odświeżali za każdym razem stronę, kiedy zniknie im tło. Rozwiązanie polega na wstawieniu własności position: relative do reguły definiującej obrazek tła w taki oto np. sposób:

.tlo {background: url(obrazek.gif); position relative}

Najnowsze wiadomości

reklama

wydrukuj: print publikuj: wykop dodaj do flakera Dodaj jako nius na OSnews.pl! delicious

Czytaj webhosting.pl:

Dyskusja

dodaj komentarz
0 + -
comnt #01 Deancraft 2008-10-01 08:36:09
Deancraft Te 27% użytkowników korzystających jeszcze z IE6, to piraci, którzy nie mogą sobie zainstalować aktualizacji bo nie przechodzą testu na legalność systemu.
------------------
Browser:
0 + -
comnt #02 sl00d 2008-10-01 09:19:44
sl00d Glupoty piszesz - od pewnego czasu mozna wgrac ie7.0 bez przechodzenia testu na legalnosc systemu.



Te 27% to urzedy glownie - tam admini nie aktualizuja przegladarek ze wzgledu na to ze czesc softu pisana jest wlasnie pod ie6.0 i na 7 najnormalniej w swiecie nie dzialaja...
------------------
Browser:
0 + -
comnt #03 eimi® 2008-10-01 11:18:18
eimi niestety nie tylko urzędy. Nie raz miałem okazję widzieć użytkowników, którzy w domach mają IE 6 pracujący na WinXP SP1. Oni nie wiedzą, że mają Internet Explorera. Oni łączą się z Internetem.
------------------
Browser:
0 + -
comnt #04 h-a-r-v 2008-10-16 09:16:04
h-a-r-v Warto dodac jakas wzmianke o niesmiertelnym , z reszta rowniez przydatnym w ie7..
------------------
Browser:
0 + -
comnt #05 Lukas 2008-11-14 08:56:30
Lukas Do tych ludzi, którzy korzystają z IE6, trzeba zaliczyc rowniez tych co musza sprawdzac napisane strony czy sie poprawnie wyswietlają.
------------------
Browser:
0 + -
comnt #06 SAJMONWEB 2008-12-23 17:23:37
SAJMONWEB {background: url(obrazek.gif); position:relative;} może tak to ma wyglądać buheee ;)
------------------
Browser:
0 + -
comnt #07 Zbych 2009-01-05 01:55:57
Zbych Pomocne. Ja bym tam jeszcze dodał kilka przykładów, które sam sobie spisałem w boju z IE oraz jedno znalezione w sieci:



1) w listach nie widać border-top/border-bottom między kolejnymi elementami LI.

- wprowadź do każdego LI {_height: };



2) Div wydaje się wyższy niż sprecyzowana jego wysokość:

- wprowadź do niego wpis font-size: 0px;



3) Coś się sypie i nie wiadomo co:

- usuń nagłówek BOM z dokumentu w kodowaniu UTF-8



4) Za obrazkiem umieszczonym w DIVie powstaje 1-2 pixelowa przerwa:

- za obrazkiem wprowadź:



5) IE nie kupuje wartości min-height:

- wprowadź {width: expression(this.width > 100 ? 100 : true)}; zamiast {min-height: 100px;}



Pozdrawiam!
------------------
Browser:

Komentarze

  • Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
  • Jeśli masz problemy z odczytaniem słów, zmień zdjęcie.
  • Używamy tego zabezpieczenia, ponieważ dzięki niemu rozwija się projekt reCAPTCHA. Sugerujemy jednak, by zarejestrować się w serwisie i w ten sposób ominąć konieczność ciągłego odczytywania wyrazów.
  • W treści komentarza można używać języka formatowania BBcode.