Style pod różne przeglądarki Opcje

[cycu11]

Mianowicie. Jak podpiąć styl, żeby akurat się wyświetlał akurat na tej przeglądarce ? Bo napisałem strone i inaczej mi się wyświetla na Google Chrome a inaczej na Firefox. ;p

[vokiel]

Pod Operę, Chrome, Firefox i Safari wszystko powinno się dać radę upchnąć w jeden styl. Dodatkowe style stosuje się do IE poprzez użycie tzw Conditional Comments

[Kostek.88]

Jesli to co napisal @vokiel nie urzadza... masz tutaj info nt. detekcji przegladarki http://www.w3schools.com/js/js_browser.asp . Ew. google. Wstawiasz if na poczatek i w zaleznosci od przegladarki doklejasz inny arkusz stylow. Ale NIE POLECAM tego rozwiazania. Np. ktos wylaczy JS i po sprawie. Przy poprawnym kodowaniu ciezko o rozbieznosc na tych przegladarkach, ktore wymienil @vokiel (IMG:style_emoticons/default/smile.gif)

[cycu11]

Ale wiecie co... Użyłem minusowo "margin-top" i teraz w googly i firefoxie inaczej wyświetla.

Zauważyłem, że gdy się rozciąga strona to zmienia się (bardziej wchodzi do góry).

Ten post edytował cycu11 9.11.2011, 22:15:20

[Kostek.88]

Masz jakiegos linka, albo chociaz kawalek kodu, ktory to najlepiej opisuje?

[cycu11]

Dobra rozwiązałem sam już. ;p Ale za chęci daje pomógł. ;p Pionteczka!

[Kostek.88]

Mozesz jeszcze dla potomnych cos wstawic, moze ktos skorzysta (IMG:style_emoticons/default/wink.gif)

[cycu11]

Sam nie wiem jak to zrobiłem. (IMG:style_emoticons/default/sciana.gif) Więc nie napisz. ;d

[webfreak]

Tylko dla IE

[HTML] pobierz, plaintext 
<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="tylko_ie.css" />
<![endif]-->
[HTML] pobierz, plaintext 

Dla wszystkich innych oprocz IE

[HTML] pobierz, plaintext 
<![if !IE]>
       <link rel="stylesheet" type="text/css" href="style.css" />
<![endif]>
[HTML] pobierz, plaintext 

IE7

[HTML] pobierz, plaintext 
<![if IE 7]>
       <link rel="stylesheet" type="text/css" href="ie_7.css" />
<![endif]>
[HTML] pobierz, plaintext 

IE6

[HTML] pobierz, plaintext 
<![if IE 6]>
       <link rel="stylesheet" type="text/css" href="ie_6.css" />
<![endif]>
[HTML] pobierz, plaintext 

IE5

[HTML] pobierz, plaintext 
<![if IE 5]>
       <link rel="stylesheet" type="text/css" href="ie_5.css" />
<![endif]>
[HTML] pobierz, plaintext 

IE5.5

[HTML] pobierz, plaintext 
<![if IE 5.5000]>
       <link rel="stylesheet" type="text/css" href="ie_55.css" />
<![endif]>
[HTML] pobierz, plaintext 

Wszystkie ponizej IE6

[HTML] pobierz, plaintext 
<!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" href="ie_lt_6.css" />
<![endif]-->
[HTML] pobierz, plaintext 

Jesli nie chcesz dla kazdej przegladarki tworzyc nowego pliku css mozesz uzyc klas CSS

IE7

[HTML] pobierz, plaintext 
*+html #div {
    height: 100px;
}
[HTML] pobierz, plaintext 

Dla wszystkich innych oprocz IE

[HTML] pobierz, plaintext 
#div {
   _height: 100px;
}
[HTML] pobierz, plaintext 

Ukryj klase dla IE6

[HTML] pobierz, plaintext 
html > body #div {
      height: 100px;
}
[HTML] pobierz, plaintext 

IE6 i nizej

[HTML] pobierz, plaintext 
* html #div {
      height: 100px;
}
[HTML] pobierz, plaintext 

Zrodlo



Ten post edytował webfreak 25.11.2011, 15:38:35