[CSS]Arkusz CSS wyłącznie dla IE. Opcje

[bushaya]

Mam następujący problem użyłem następującego kodu, aby IE dostał oddzielny arkusz CSS.
<!--[if IE]>
<link rel="stylesheet" href="styles-ie.css" type="text/css" />
<![endif]-->
<link rel="stylesheet" href="styles.css" type="text/css" />
Niestety to nie działa, coś robię źle, czy czy to jest niewłaściwy kod?

[Wicepsik]

Spróbuj najpierw wczytać style.css a potem style-ie.css

Bo mi się zdaje że jak na IE wczytujesz plik style-ie.css a potem nadpisujesz tym style.css

[Robert1985]

Kolega ma rację , zamień kolejność właśnie sprawdziłem powinno działać, staraj się również nie dawać niepotrzebnych spacji ,bo IE niekiedy źle je odczytują (masz spację przed /> )

[bushaya]

Hmm.. próbowałem, lecz nie zadziałało. Zwykły styl nadpisuje ten z IE obojętnie jak by był ustawiony. Jeżeli usunę linie kodu do zwykłego CSS'a i pozostanie tylko ten z IE to wtedy dopiero interpretuje go poprawnie.

[_olo_1984]

wczytaj najpierw style dla wszsytkich przeglądarek. Jeżeli jakiś element musisz poprawić dla ie to w osobnym pliku np. style_ie.css daj sam ten element z właściwością, którą chcesz zmienić oraz z !important.

[korkie]

Dynamiczne sprawdzanie IE7:

[PHP] pobierz, plaintext 
 
$browser = $_SERVER['HTTP_USER_AGENT'];
 
$IE7 = stripos($browser, 'MSIE 7');
 
if ( $IE7 > 0 )
{
echo '<link href="css/IE7.css" type="text/css" rel="stylesheet" media="print" />'
}
else
{
echo '<link href="css/css_default.css" type="text/css" rel="stylesheet" media="print" />'
}
[PHP] pobierz, plaintext 

MUSI DZIAŁAĆ !

[erix]

Dynamiczne sprawdzanie IE7:

Muchy w pokoju też rozwalasz krzesłem?

http://kurs.browsehappy.pl/HTML/Komentarze

[bushaya]

Witam ponownie, sprawę już rozwiązałem. Opiszę bo może komuś się przydać, kod wygląda tak:
<!--[if IE]>
<link rel="stylesheet" href="styles-ie.css" type="text/css" />
<![endif]-->
<link rel="stylesheet" href="styles.css" type="text/css" />
odnośnik do stylu ogólnego ukryłem poprzez taki znacznik:
<!--[if !IE]>-->
ukryty
<!--<![endif]-->

[korkie]

Muchy w pokoju też rozwalasz krzesłem?

http://kurs.browsehappy.pl/HTML/Komentarze

Muchy - tylko jak wypiję.
Na tej stronce co dałeś link są bardzo przydatne informacje.
Ale wspomniałem o dynamicznym sprawdzaniu przeglądary, bo wtedy nie muszisz mieć kilka arkuszy stylów.
Jakby zakładający wątek coś spytał więcej to bym mu temat rozwinął.
Wystarczy plik .php zamiast .css z nagłówkiem

[PHP] pobierz, plaintext 
header("Content-Type: text/css");
[PHP] pobierz, plaintext 

Plik ci sprawdza jaka jest przeglądara i dynamicznie można zmieniać cały arkusz stylu.
I masz jeden arkusz stylu zamiast kilku.

Złe rozwiązanie ?

[ziqzaq]

Witam.
IMHO pierwsza rada powinna działać jeśli kod jest poprawny.
Po co zaprzęgać do tego php?

Plik ci sprawdza jaka jest przeglądara i dynamicznie można zmieniać cały arkusz stylu.
I masz jeden arkusz stylu zamiast kilku.

Czyli dla jednej przeglądarki arkusz ze wszystkimi stylami, i dla drugiej to samo?
Chciałoby ci się wprowadzać zmiany w tych arkuszach?
Nie lepiej jeden podstawowy i drugi z poprawkami? Mniej roboty.
Przeglądarka z (w miarę) dobrym wsparciem standardów ściągnie tylko podstawowy arkusz a taki IE6 niech dociąga poprawki

Złe rozwiązanie ?

Jeśli można to zrobić komentarzami warunkowymi IMO złe.
Pozdr.

[korkie]

Czyli dla jednej przeglądarki arkusz ze wszystkimi stylami, i dla drugiej to samo?

Nie - nie rozumiesz - jeden arkusz ze wszystkimi stylami dla wszystkich przeglądarek.

Nie lepiej jeden podstawowy i drugi z poprawkami? Mniej roboty.

Dostosowujesz swoje strony tylko do dwóch przeglądarek ?
Zdajesz sobie sprawę, że w sumie masz kikadziesiąt kombinacji przegladarek i ich wersji ?
Nie każdy internauta ma kompa z windowsem i Ie lub FF.
Strony robione przez najlepszych css-masterów sypią się prawie zawsze na conajmniej 10% z tej puli.
Konieczne jest dużo więc więcej niż dwa arkusze.
Chyba, że masz gdzieś internautów korzystających z mniej znanych przeglądarek.



NAPRAWDĘ TAK MAŁO OSÓB O TYM SŁYSZAŁO ?


Ten post edytował korkie 28.08.2009, 09:15:57

[ziqzaq]

Nie - nie rozumiesz - jeden arkusz ze wszystkimi stylami dla wszystkich przeglądarek.

To po co w takim razie sprawdzanie przeglądarki w php?
Czy może ta wypowiedź nie była związana z wyrywaniem przeglądarki?

Jestem ciekaw, rozwiń temat.

\\ Edit
Może tobie chodziło o dynamiczną zmianę (przez php) zawartości arkusza?
\\ Edit2
Ups, już odpisałeś

Ten post edytował ziqzaq 28.08.2009, 09:21:49

[korkie]

To po co w takim razie sprawdzanie przeglądarki w php?
Jestem ciekaw, rozwiń temat.

Bo w dynamicznym arkuszy robisz sobie tylko zmienne, np:

[PHP] pobierz, plaintext 
<?php
header("Content-Type: text/css");
$browser = $_SERVER['HTTP_USER_AGENT'];
 
// kod do przypisania zmiennej $browser wartości dot. przegladary - można go zrobić na setki sposobów
 
if ( $browser = 'MSIE' )
$szerokość_div_gora = 100;
if ( $browser =  'Mozilla')
$szerokość_div_gora = 200;
if ( $browser = 'Netscape 8' )
$szerokosc_div_gora = 0;
if ( $browser = 'kolejna mało znana przeglądara' )
$szerokosc_div_gora = 50;
?>
 
#div_gora {width:<?php $szerokosc_div_gora ?>px; }
[PHP] pobierz, plaintext 

I css-master w kilka godzin potnie ci stronę na kilkadziesiąt przeglądarek i ich wersji (łącznie).

Ten post edytował korkie 28.08.2009, 09:39:09

[ziqzaq]

Szczerze?
Nie przekonałeś mnie tym rozwiązaniem.
Pakowanie php do warstwy prezentacji.
Trzebaby to jakoś cache-ować a i tak php byłoby cały czas zaprzęgnięte do IMO niepotrzebnej roboty.

Teraz mogę się odnieść do:

NAPRAWDĘ TAK MAŁO OSÓB O TYM SŁYSZAŁO ?

Wieeeele osób o tym słyszało, niektórzy sami wpadli na taki pomysł. Gwarantuję.

\\ Edit
IMO komentarze to jest jednak lepsze rozwiązanie. To przeglądarka decyduje i pobiera dodatkowy kod php nie jest zaprzęgnięte do tego procesu.
Prawdopodobnie są przypadki gdy pomysł z dynamicznym generowaniem css się sprawdza. Nie neguję tego.
Chętnie poznam opnie bardziej doświadczonych userów.

Ten post edytował ziqzaq 28.08.2009, 09:29:03

[korkie]

Może to mało spotykana metoda, ale odkąd pewien css-master uświadomił mi jak kiepsko wyglądają strony
wyświetlane bezbłednie w IE7,8 FF, Operze, Chromie, Safari - w innych przegladarach - to złapałem się za głowę.
Można każdą stronkę sprawdzić w:
http://browsershots.org/

Sam widziałem jak strony fajnie wyświetlane pod wszystkim w windowsie rozwalają się pod linuxem, apple..

Osobiście nie chciałoby mi się robić więcej niż dwóch arkuszy, więc sam stosuję jeden dynamiczny
i w kilka godzin mam stronę idealnie dopasowaną do wymagań przeróżńych przeglądarek.

Pakowanie php do warstwy prezentacji.

W Zend framework też masz php w warstwie prezentacji.
Bo szablony masz w pehapie.
Zresztą np Smarty nie są jedynym rozwiązaniem.
Wiele osób stosuje w warstwie prezentacji szablony pehapowe np. Savant itp.
Myślę, że webmasterowi, który umie coś więcej niż wpisywać zmiennie w wąsy w Smartych nie zrobi to problemu.

Wogóle każdy zrobi jak uważa.
Mi ta metoda odpowiada. Jescze mnie nie zawiodła, jest szybka i łatwa.

Pozdrawiam

[varez]

Kod

http://browsershots.org/

To nie zawsze działa jak trzeba, niektore przegladarki na tym cudzie przy starcie generuja bledy.

Pod linuksem sa FF & opera, pod Mac`iem jest dzikie MacIE z tego co wiem.
I ze statystyk wychodzi ze ludzie tego ogladaja.

A uzywajacy przegladarek <0,5 % [czy iles] popularnosci sa chyba przyzwyczajeni do tego ze NIC im nie dziala,,


Korkie, niektorzy symuluja IE (chcoiaz by do omijania durnych niby zabezpieczen (tak, sa strony tylko-pod-ie o_O)) wysylajac fake nagłowki - wtedy tez dostaja zbadziewionego css`a

[mls]

Bo w dynamicznym arkuszy robisz sobie tylko zmienne, np:
(...)
I css-master w kilka godzin potnie ci stronę na kilkadziesiąt przeglądarek i ich wersji (łącznie).

Wobec tego dlaczego żaden prawdziwy "css-master" nie stosuje wspomnianego przez Ciebie sposobu? Bo jest to sposób najgłupszy z możliwych. Zamiast pisać poprawne style, które działają w 90% przeglądarek + warunkowe komentarze i style dla pozostałych 10%, wyręczasz się skryptem PHP. Oznacza to po prostu tyle, że nie masz żadnego pojęcia o CSS.
Nie zapominaj również, że liczących się przeglądarek jest raptem kilka. Safari (Mac, Win), Firefox (Mac, Win, Linux), IE (Win + Wine) i ostatecznie Opera (Mac, Win, Linux). I nic ponad to.

Ten post edytował mls 28.08.2009, 11:00:46

[erix]

I css-master w kilka godzin potnie ci stronę na kilkadziesiąt przeglądarek i ich wersji (łącznie).

A wyjaśnij mi teraz jedno: dlaczego goście mojej strony, którzy używają normalnych przeglądarek, mają być katowani niepotrzebnymi danymi? Poza tym, stosując detekcję z góry:

1. zżerasz niepotrzebnie zasoby
2. bez dodatkowych zabiegów uniemożliwiasz cache'owanie
3. gdy ktoś ma spoofnięty user-agent albo uwaloną konfigurację przeglądarki - zamiast wczytać odpowiednią stronę - otrzymuje rozjechaną papkę
4. zechcesz zabrać stronę na prezentację, nie ma postawionego httpd+php, a nie wiesz, jaka będzie przeglądarka - LEŻYSZ i zamiast merytorycznie się przygotowywać, nadrabiasz to, co chciałeś "zaoszczędzić" poprawiając style na szybko

NAPRAWDĘ TAK MAŁO OSÓB O TYM SŁYSZAŁO ?

Nie. Po prostu mało kto stosuje, gdyż jest to rozwiązanie bez sensu.

[ziqzaq]

W Zend framework też masz php w warstwie prezentacji.
Bo szablony masz w pehapie.

Tak, zgadza się z jednym ale.
Nie pakuję php tam gdzie nie muszę a szablony w Zendzie mogę wrzucić sobie do cache żeby nie pobierać i parsować non-stop tych samych danych.
Poza tym dziwne porównanie:
- css (szablon zwykle niezmienny - ustalasz wygląd i koniec),
- (x)html (z danymi pobieranymi np. z bazy danych - czyli treść strony może się zmieniać).

Może to mało spotykana metoda, ale odkąd pewien css-master uświadomił mi jak kiepsko wyglądają strony
wyświetlane bezbłednie w IE7,8 FF, Operze, Chromie, Safari - w innych przegladarach - to złapałem się za głowę.

Sam widziałem jak strony fajnie wyświetlane pod wszystkim w windowsie rozwalają się pod linuxem, apple..

Wdrażałem już trochę layoutów i mimo mniejszych lub większych problemów zawsze udawało się zrobić to na czystych css + komentarze warunkowe. Oczywiście wszystkie były sprawdzane na różnych systemach i przeglądarkach.
Pozdr.

Ten post edytował ziqzaq 28.08.2009, 12:29:15

[korkie]

Wobec tego dlaczego żaden prawdziwy "css-master" nie stosuje wspomnianego przez Ciebie sposobu? Bo jest to sposób najgłupszy z możliwych.
Nie zapominaj również, że liczących się przeglądarek jest raptem kilka. Safari (Mac, Win), Firefox (Mac, Win, Linux), IE (Win + Wine) i ostatecznie Opera (Mac, Win, Linux). I nic ponad to.

Widocznie nigdy nie spotkałes żadnego 'prawdziwego css-mastera'.
O przegladarce Chrome też nie słyszałeś.
Flock, Netscape Navigator, czy Sea Monkey też nic ci nie mówią.
Proponuję trochę uaktualnić wiedzę, a skoro twierdzisz, że jest to sposób najgłupszy z możliwych
to uargumentuj zamiast trollować i zaśmiecać wątek.

1. zżerasz niepotrzebnie zasoby
2. bez dodatkowych zabiegów uniemożliwiasz cache'owanie
3. gdy ktoś ma spoofnięty user-agent albo uwaloną konfigurację przeglądarki - zamiast wczytać odpowiednią stronę - otrzymuje rozjechaną papkę

Jakie zasoby ?
Jakie cashowanie ?
Czy plik .php z nagłówkiem wskazującym, że to css bedzie wg. ciebie inaczej potraktowany niż plik z rozszerzeniem .css ?

Jak ktos ma skapiałą przegladarkę to js też pewnie mu siądzie.
I wcale nie oznacza to, że nie odczta się css. Co najwyżej będzie to standardowy css z ustawieniami dla kilku najpopularniejszych przeglądarek.

Ten post edytował korkie 28.08.2009, 15:37:11