Aj, aj, aj... niestety czy chcemy, czy nie - musimy zgodzić się z faktem, iż IE jest przeglądarką naprawdę tępą, aczkolwiek grubo ponad połowa ludzi z niej korzysta [glowa]. Kolejną taką samą rewolucją może być świetnie zapowiadany (:-D) IE7 :-D. Podobno będzie rewolucyjne blokowanie pop-up'ów... oraz oczywiście ochrona przed atakami hakierskimi.
A tak na poważnie: alternatywne wyjście w zaistniałej sytuacji zdaje się być banalnie proste ;-) (Vide infra) CSS hacks ;-) Zaraz Ci coś spłodzę...
W porządku. To masz w pliku osada_gr.css:
@media screen {
*[class~="framed"] {
border-color: #223611;
}
*[class~="background"] {
background-color: black;
background-image: url("images/bg_gr.jpg");
}
}
Zamiast tego, wprowadź małego hacka:
* html div.iehack {
/* powyższe spowoduje odczytanie stylu <u>tylko</u> przez IE */
border-color: #223611;
background-image: url("http://osada.heroes.net.pl/images/bg_gr.jpg");
/* zauważ bezwzględną ścieżkę do pliku
(radzę zawsze tak robić, jeśli chodzi o grafikę) */
}
/* oraz dla innych, mądrzejszych przeglądarek */
@media screen {
*[class~="framed"] {
border-color: #223611;
}
*[class~="background"] {
background-color: black;
background-image: url("http://osada.heroes.net.pl/images/bg_gr.jpg");
/* to samo, co wyżej */
}
}
Teraz, żeby zobaczyć wprowadzone zmiany, dodaj nową, wyżej zdefiniowaną klasę do div'a:
Tak samo pokombinuj z innymi selektorami, bo widać, że strona w IE i np. w FF nie wygląda tak samo (i nigdy nie będzie :-D) (par exemple znacznik span).
Uwaga: alternatywę może też stanowić pisanie stron tylko pod mądre przeglądarki, tj. Mozilla (Firefox - http://www.mozilla.org/products/firefox/, http://www.firefox.pl/) i robienie przekierowań w przypadku korzystania z IE do błędu 409 albo 402 :-)
Vide http://www.google.pl/search?q=css+hacks - żartuję ;-) Widać, że nie jest z Tobą aż tak źle ;-)
P.S. IE zinterpretuje kilka klas przypisanych do obiektu, jak najbardziej, bo czemu nie? ;-) Powyżej zresztą masz przykład.
P.S.2 Nie przyglądałem się tak dogłębnie Twojej stronie - obejrzałem ją powierzchownie, więc moje rozwiązanie nie będzie pewnie w 100% trafne. Naprawdę zalecam lekturę o CSS hack'ach ;-) Mam nadzieję, że pomogłem choć troszkę.
Pozdrawiam.