[CSS]Rozjechana strona w firefox. Opcje

[przemo191]

Witam, mam problem z kaskadowymi arkuszami stylów, mianowicie chodzi o to że kiedy wejdziemy na stronę poprzez opere, chrome czy ie wszystko dobrze się wyświetla. Natomiast kiedy wejdziemy już poprzez firefoxa pojawia się dwu pixelowa kreska. I tu tkwi moje pytanie, można zrobić tak aby jakiś styl działał tylko pod konkretną przeglądarką, coś jak komentarz warunkowy dla ie (lub. -moz-border-radius w css3), tylko pod firefoxa. Wiem że można wykryć przeglądarkę i odpowiednio podpiąć styl, ale to trochę roboty, a to tylko 2 pixele (IMG:style_emoticons/default/wink.gif)

Żeby pozbyć się tych 2px trzeba podnieś stronę o 2px w górę, ale kiedy zastosują margin-top: -2px to strona rozjeżdża się we wszystkich przeglądarkach (opera, chrome ie), a w firefox jest dobrze ;/

Można liczyć na waszą pomoc?(IMG:style_emoticons/default/questionmark.gif)

[Damonsson]

[CSS] pobierz, plaintext 
@-moz-document url-prefix() {
  .selector {
     margin-top: -2px;
  }
}
[CSS] pobierz, plaintext 

Spróbuj tak

[przemo191]

To mam wrzucić do userContent.css czy do swoich styli?(IMG:style_emoticons/default/questionmark.gif) Bo nie działa mi ani w jednym ani w drugim ;(

[CSS] pobierz, plaintext 
@-moz-document url-prefix(http://terazmeble.pl/strona/) {
  #tlo_strony {
     margin-top: -2px;
  }
}
[CSS] pobierz, plaintext 

// już działa był błąd w ścieżce w head, mała literówka.
Dzięki za pomoc (IMG:style_emoticons/default/wink.gif)

Ten post edytował przemo191 17.02.2012, 13:37:33