Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Style pod różne przeglądarki
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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 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).
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 wink.gif
cycu11
Sam nie wiem jak to zrobiłem. sciana.gif Więc nie napisz. ;d
webfreak
Tylko dla IE

  1. <!--[if IE]>
  2. <link rel="stylesheet" type="text/css" href="tylko_ie.css" />
  3. <![endif]-->


Dla wszystkich innych oprocz IE

  1. <![if !IE]>
  2. <link rel="stylesheet" type="text/css" href="style.css" />
  3. <![endif]>


IE7

  1. <![if IE 7]>
  2. <link rel="stylesheet" type="text/css" href="ie_7.css" />
  3. <![endif]>


IE6

  1. <![if IE 6]>
  2. <link rel="stylesheet" type="text/css" href="ie_6.css" />
  3. <![endif]>


IE5

  1. <![if IE 5]>
  2. <link rel="stylesheet" type="text/css" href="ie_5.css" />
  3. <![endif]>


IE5.5

  1. <![if IE 5.5000]>
  2. <link rel="stylesheet" type="text/css" href="ie_55.css" />
  3. <![endif]>


Wszystkie ponizej IE6

  1. <!--[if lt IE 7]>
  2. <link rel="stylesheet" type="text/css" href="ie_lt_6.css" />
  3. <![endif]-->



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

IE7

  1. *+html #div {
  2. height: 100px;
  3. }


Dla wszystkich innych oprocz IE

  1. #div {
  2. _height: 100px;
  3. }


Ukryj klase dla IE6

  1. html > body #div {
  2. height: 100px;
  3. }


IE6 i nizej

  1. * html #div {
  2. height: 100px;
  3. }




Zrodlo

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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.