Najlepiej żeby ogólnie był jeden css dla wszystkich rpzeglądarek ale jak ktoś wejdzie z internet exploler to żeby ten css for ie wczytało..
Pełna wersja: odzielny css dla ie i fx?
Witam. Czy da się jakoś zrobić tak żeby css był pobierany w zależności od przeglądarki? Jak przerobić taki kawałek kodu?
Najlepiej żeby ogólnie był jeden css dla wszystkich rpzeglądarek ale jak ktoś wejdzie z internet exploler to żeby ten css for ie wczytało..
Najlepiej żeby ogólnie był jeden css dla wszystkich rpzeglądarek ale jak ktoś wejdzie z internet exploler to żeby ten css for ie wczytało..
CSS dla IE: http://www.quirksmode.org/css/condcom.html
i dla Firefoksa: http://pornel.net/firefoxhack
i dla Firefoksa: http://pornel.net/firefoxhack
jak wstawiłem
to i pod ie się posypało i pod fx
a jak coś takiego zrobiłem to ie nie czyta tego stylu dla ie tylko tego standardowego
Kod
<p><!--[if IE]>
According to the conditional comment this is Internet Explorer<br />
<![endif]-->
According to the conditional comment this is Internet Explorer<br />
<![endif]-->
to i pod ie się posypało i pod fx
a jak coś takiego zrobiłem to ie nie czyta tego stylu dla ie tylko tego standardowego
Kod
<!--[if IE]>
<style type="text/css" media="screen">
@import url( [url="http://adres.pl/styleie.css);"]http://adres.pl/styleie.css);[/url]
</style>
<![endif]-->
<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
<style type="text/css" media="screen">
@import url( [url="http://adres.pl/styleie.css);"]http://adres.pl/styleie.css);[/url]
</style>
<![endif]-->
<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
komentarz dla IE wstaw po tym prawidłowym CSSie.
Poza tym, jeśli chcesz zmienic tylko kilka atrybutów i masz gdzieś w3c z tą całą ich walidacją, to możesz użyć
dla IE 6 oraz 7
#jakiśatrybut: jakaś wartość;
dla IE 6
_jakiśatrybut: jakaś wartość;
Poza tym, jeśli chcesz zmienic tylko kilka atrybutów i masz gdzieś w3c z tą całą ich walidacją, to możesz użyć
dla IE 6 oraz 7
#jakiśatrybut: jakaś wartość;
dla IE 6
_jakiśatrybut: jakaś wartość;
Kod
<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
<!--[if gte IE 5]>
<style type="text/css" media="screen">
@import url( http://1tt.az.pl/wp-content/themes/almost-spring-10/styleie.css);
</style>
<![endif]-->
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
<!--[if gte IE 5]>
<style type="text/css" media="screen">
@import url( http://1tt.az.pl/wp-content/themes/almost-spring-10/styleie.css);
</style>
<![endif]-->
nie pomogło
a jak wstawiam <!--[if gte IE 5]> w cssie to rozwala się i pod ie i pod fx
Można zrobić oddzielne css za pomocą Ifów htmlowych. Tylko, ze nie dawaj wtedy import tylko zwykłe link.
Jednakże lepiej jest zrobić tak
w ie_hacks uzywasz star hacków dla ie6
W ie6 tekst elementu bedzie czerwony z podkresleniem. Dla reszty bedzie zielony z podkresleniem
Jednakże lepiej jest zrobić tak
Kod
<link rel="stylesheet" href="styl.css" />
<link rel="stylesheet" href="ie_hacks.css" />
<link rel="stylesheet" href="ie_hacks.css" />
w ie_hacks uzywasz star hacków dla ie6
Kod
element
{
color: green; /* dla reszty przeglądarek */
text-decoration: underline;
}
* html * element
{
color: red; /* Tylko dla ie6 */
}
{
color: green; /* dla reszty przeglądarek */
text-decoration: underline;
}
* html * element
{
color: red; /* Tylko dla ie6 */
}
W ie6 tekst elementu bedzie czerwony z podkresleniem. Dla reszty bedzie zielony z podkresleniem
Tu masz ładnie opisane hacki dla IE:
http://leksykot.top.hell.pl/notatki/www/ie-hacks.shtml
http://leksykot.top.hell.pl/notatki/www/ie-hacks.shtml
dobra, dzięki 
już działa:
już działa:Kod
<link rel="stylesheet" href="style.css" />
<!--[if gte IE 5]>
<link rel="stylesheet" href="styleie.css" />
<![endif]-->
<!--[if gte IE 5]>
<link rel="stylesheet" href="styleie.css" />
<![endif]-->
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.