Strona nie działa pod Internet Explorer, Jak stworzyć kompatybilności strony z IE8/IE9 Opcje

[jacked]

Cześć, tworzę motyw pod wordpress-a. Na razie koduję go w HTML i CSS, i na tym etapie staje pierwszy poważny problem. Pod nowymi przeglądarkami, jak FireFox, Chrome, Opera, Safari strona wygląda poprawnie - tak jak ma wyglądać. Jednak gdy tylko otworzę ją w Internet Explorer 8, na stronie jest totalny chaos. Menu i slider to totalna tragedia, w contencie strony tak samo.
Tak jakby niektóre style CSS wcale nie działały(np. float:left; | clear:both;). Nie wiem czy to wina CSS, czy HTML. Strona jest pisana co prawda w HTML 5, ale używam tylko nowych znaczników, więc nie powinno być z tym problemów. Używam także resetu stylów normalize.css. Który dodatkowo ustawia odpowiednim znacznikom HTML 5 właściwość display:block. Z resetem styli, czy bez, nic się nie zmienia.
A sam szablon waliduje się poprawnie.

Strona absolutnie musi być zgodna przynajmniej z IE 8 i 9. Chcę ten problem rozwiązać już teraz, gdy będę miał więcej plików HTML, to mogę mieć dużo więcej pracy z wprowadzaniem zgodności z Internet Explorerem.
Nie wiem jeszcze, jak sprawa wygląda z IE 9, ale obawiam się że podobnie, zaraz zainstaluję i sprawdzę.

Cz ktoś wie, jak zapewnić stronie kompatybilność z IE?
Szukałem w sieci cały wczorajszy dzień, nic nie znalazłem.

LINK DO SZABLONU

Nie wstawiam pliku CSS, bo ma ok. 1500 linijek, mam nadzieję, że każdy z Was ma fireBuga (IMG:style_emoticons/default/smile.gif)

Ten post edytował jacked 14.01.2012, 13:01:34

[by_ikar]

2. Drugi problem to taki, że chyba nie ma wsparcia właściwości CSS3 border-radius. Ale postaram się poszukać jakiegoś sposobu.

Nie ma i nie będzie. Jeżeli tło masz obrazkowe, to zapomnij o jakim kolwiek sposobie który ci zadziała pod ie8. Ostatnio kilka dobrych godzin na to straciłem i żadne znalezione rozwiązanie, które miało "gwarantować" że zadziała, nie zadziałało.. Tak samo zapomnij o text-shadow, box-shadow uważaj na z-index, bo IE zupełnie inaczej go interpretuje niż wszystkie inne przeglądarki.

1. Menu - kiedy odświeżam stronę, to domyślnie wszystkie sub-menu, są rozsunięte. Kiedy najeżdżam pozycję w menu, to w dziwny sposób poszerza się.

To je ukryj już z poziomu css (display: none; lub visibility: hidden;).

Ogólnie daruj sobie IE. Im więcej osób wspiera IE 6/7/8 tym dłużej te przeglądarki są w obiegu. Poinformuj jedynie użytkownika, żeby zaktualizował swoją przeglądarkę, lub skorzystał z innej.

PS. pseudo selektor hover, z tego co pamiętam w IE działa tylko dla <a> i też trzeba używać jakieś hacki żeby to zadziałało. Ogólnie połowa rzeczy umieszczanych w head to są hacki dla IE żeby coś normalnie działało... badzIEwie normalnie..

[Pawel_W]

Nie ma i nie będzie. Jeżeli tło masz obrazkowe, to zapomnij o jakim kolwiek sposobie który ci zadziała pod ie8. Ostatnio kilka dobrych godzin na to straciłem i żadne znalezione rozwiązanie, które miało "gwarantować" że zadziała, nie zadziałało.. Tak samo zapomnij o text-shadow, box-shadow uważaj na z-index, bo IE zupełnie inaczej go interpretuje niż wszystkie inne przeglądarki.

są na to fixy (IMG:style_emoticons/default/smile.gif)

Ogólnie daruj sobie IE. Im więcej osób wspiera IE 6/7/8 tym dłużej te przeglądarki są w obiegu. Poinformuj jedynie użytkownika, żeby zaktualizował swoją przeglądarkę, lub skorzystał z innej.

jak myślisz, ilu użytkowników tak zrobi? 99% opuści stronę, przez co tracisz odwiedzających... poza tym, nie wszyscy mają możliwość aktualizacji (np. pracownicy w firmach)

PS. pseudo selektor hover, z tego co pamiętam w IE działa tylko dla <a> i też trzeba używać jakieś hacki żeby to zadziałało. Ogólnie połowa rzeczy umieszczanych w head to są hacki dla IE żeby coś normalnie działało... badzIEwie normalnie..

pierwszy raz słyszę o czymś takim, z tego co pamiętam to tylko w IE 6 był taki problem (IMG:style_emoticons/default/smile.gif)