Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[css xhtml] różne pozycje obrazka (div) w różnych przeglądarkach
#1
Witam,

http://komtel.com.pl/temp/test/

Chodzi o grafikę po prawej, tą ze spinaczem. Czemu jest tak, że we wszystkich przeglądarkach grafika jest parę pikseli niżej niż w firefoxie. Można zrobić tak aby była wyświetlana zawsze tak samo pod różnymi przeglądarkami?

Jeszcze pytanie o tło w body, jest to plik jpg - dlaczego jest ciemniejszy pod ie i safari - a jaśniejszy pod firefokxem i chrome?

Będę wdzięczny za wskazówki - poniżej kod css strony
Kod:
body {
    margin: 0;
    background: url("images/background.jpg");;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: black;
    }
#wrapper {
    width: 920px;
    margin: 0 auto;
    }
#top {
    height: 200px;
    background-image: url("images/top.png");
    position: relative;
    }
#logo {
    height: 160px;
    background: url("images/logo.png") no-repeat;
    position: absolute;
    width: 600px;
    top: 60px;
    left: 240px;
    }
#logo h1 a {
    display: block;
    text-indent: -999px;
    height: 130px;
    width: 250px;
    }
#wizyt {
    height: 240px;
    width: 280px;
    background: url("images/wizyt.png") no-repeat;
    position: absolute;
    left: 880px;
    top: 15px;
    }
#nav {
    background: #397B8E;
    border-top: 1px white solid;
    }
#nav ul {
    margin: 0;
    padding: 10px;
    }
#nav ul li {
    display: inline;
    list-style: none;
    padding: 10px;
    }
#nav ul li a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    }
Odpowiedz
#2
U mnie jest tak samo.
Jednym z błędów ludzi tworzących strony jest usilne ujednolicenie wyglądu dla wszystkich przeglądarek. Wygląd powinien być taki sam, ale jeżeli występują różnice - nie jest to błędem. Przykład ten najbardziej pasuje do CSS3, którego jeżeli nie ma (IE8/IE9) to strona może się różnić, ale to nie jest źle.

Ja np wejdę na twoją stronę swoim telefonem. Ciekawe czy będzie wyglądać identycznie jak w Firefoxie :}

Swoją drogą czemu logo i spinacz nie jest w TOP?
Odpowiedz
#3
dzięki za odpowiedź - posłucham Cię i skupię się najbardziej na firefoxie, a później ie

a logo i spinacz przepiszę do top, dziękuję za radę.

Pozdrawiam

(23-04-2011, 02:44)Kartofelek napisał(a): U mnie jest tak samo.
Jednym z błędów ludzi tworzących strony jest usilne ujednolicenie wyglądu dla wszystkich przeglądarek. Wygląd powinien być taki sam, ale jeżeli występują różnice - nie jest to błędem. Przykład ten najbardziej pasuje do CSS3, którego jeżeli nie ma (IE8/IE9) to strona może się różnić, ale to nie jest źle.

Ja np wejdę na twoją stronę swoim telefonem. Ciekawe czy będzie wyglądać identycznie jak w Firefoxie :}

Swoją drogą czemu logo i spinacz nie jest w TOP?
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Zmiana obrazka po najechaniu / Efekt rollover JS manoa 0 4,700 06-12-2018, 18:46
Ostatni post: manoa
  Zmiana sposobu rozwijania + podmiana obrazka arkadiio 7 7,194 23-03-2015, 03:52
Ostatni post: arkadiio
  wyśrodkowanie obrazka discoratka 4 4,501 23-08-2013, 03:29
Ostatni post: Kartofelek
  [xHTML][CSS][JQ] Dopasowanie strony do rozdzielczości ekranu. kadobe 3 4,408 17-08-2013, 01:57
Ostatni post: msx83
  Zmiana obrazka, oraz opisu pod nim po kliknięciu Olsz4k 12 12,801 28-07-2013, 20:10
Ostatni post: Olsz4k

Skocz do:


Użytkownicy przeglądający ten wątek: 3 gości
Sponsorzy i przyjaciele
SeoHost.pl