+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css xhtml] różne pozycje obrazka (div) w różnych przeglądarkach (/thread-css-xhtml-rozne-pozycje-obrazka-div-w-roznych-przegladarkach)
[css xhtml] różne pozycje obrazka (div) w różnych przeglądarkach - malroy - 23-04-2011
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;
}RE: [css xhtml] różne pozycje obrazka (div) w różnych przeglądarkach - Kartofelek - 23-04-2011
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?
RE: [css xhtml] różne pozycje obrazka (div) w różnych przeglądarkach - malroy - 23-04-2011
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?