prawdopodobnie inny kolor tła na rożnych komputerach

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
nunek
Posty: 2
Rejestracja: pn lis 09, 2009 9:31 am

prawdopodobnie inny kolor tła na rożnych komputerach

Post autor: nunek »

Witam.
Robie przyjacielską przysługę czyli tworzę stronę koledze wszystko by było fajnie tylko prawdopodobnie na różnych komputerach jest różne tło ja osobiście mam białe tło takie jak powinno być lecz kolega napisał mi że jak otwiera w domu stronę to tło jest białe a jak otwiera w pracy to tło jest intensywne niebieskie. Ja testowaem na kilku komputerach i nie zauważylem tego problemu. Strona jest pisana w htmlu z uzyciem style.css ma ktoś jakiś pomysł czym to może być spowodowane? Poniżej pokazuje kod ze style.css

Pozdrawiam

kod z pliku style

Kod: Zaznacz cały

html, body, ul, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #544e38;
}
img {
	border: 0px;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: snow;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
}
#wrapper {
	text-align: left;
	margin: auto;
	width: 728px;
}

#body {
	background: url(images/body_bg.gif) repeat-y;
	color: white;
	width: 100%;
}
#body-top {
	background: top left url(images/body_top.gif) no-repeat;
	position: relative;
}
#body-bot {
	background: bottom left url(images/body_bot.gif) no-repeat;
	padding-bottom: 17px;
}
#body-top-2 {
	position: absolute;
	top: 12px;
	left: 251px;
	width: 463px;
	height: 11px;
	background: top left url(images/body_top_2.gif) no-repeat;
}

#wrapper {
	position: relative;
	padding-top: 68px;
}
h1 {
	position: absolute;
	top: 36px;
	left: 13px;
	font-size:26px;
	color:#3f3c2d;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
}
#nav {
	position: absolute;
	top: 43px;
	left: 256px;
	
}
#nav  a {
	background-image:url(images/menu.gif);
	width:90px;
	height:19px;
	display:inline;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align:center;
	padding-top:6px;
	text-decoration:none;
	color:#e9e4d0;
	font-weight:bolder;
}
#nav  a:hover {
	color:#544e38;
}

#body-bot {
	padding-top: 12px;
}
#welcome {
	float: left;
	width: 231px;
	padding-left: 13px;
	
}
#welcome a {
	color: #F2F7F8;
}
#welcome a:hover {
	color: #CFCCBF;
}
#welcome h2 {
	text-align: center;
	margin: 11px;
	color:#ceb085;
	font-size:24px;
}
#welcome p {
	margin: 0px 19px;
}
#welcome .more {
	margin-top: 18px;
	margin-bottom: 10px;
}

#content {
	float: right;
	width: 418px;
	padding-right: 34px;
	padding-top: 23px;
	color: #686454;
}
#content .left {
	margin-right: 10px;
}
#content a {
	color: #5A5644;
}
#content a:hover {
	color: #26241A;
}

#intro {
	margin: 12px;
}

.fineline {
	border-bottom: 1px solid #D3CAA9;
	margin-bottom: 12px;
}

.fineline-flat {
	border-bottom: 1px solid #D3CAA9;
}

.fineborder {
	border: 1px solid #D3CAA9;
	padding: 2px;
	width: 186px;
	margin-bottom: 12px;
}

.bar-lit {
	padding-left: 6px;
	background: 0px 4px url(images/bar_lit.gif) no-repeat;
}
.bar-drk {
	padding-left: 6px;
	background: 0px 4px url(images/bar_drk.gif) no-repeat;
}

#picbar {
	background: #A3A189;
	width: 415px;
	margin: 2px 0 19px 0;
}

#arr-left, #arr-right  {
	float: left;
	width: 15px;
}

.picbox {
	float: left;
	width: 117px;
	padding: 2px;
	border: 1px solid #8B846A;
	margin: 5px 0px 5px 4px;
}

#picbar img {
	display: block;
}

#arr-right {
	margin-left: 4px;
}

#planer {
	float: left;
	width: 186px;
	border-right: 1px solid #D3CAA9;
	padding-right: 20px;
	padding-top: 5px;
}
#stories {
	float: right;
	width: 195px;
	padding-top: 5px;
}

#planer p, #stories p {
	margin: 4px 0px;
}

#planer .more, #stories .more {
	margin: 12px 0px;
}

.clear-flat {
	margin-bottom: 4px;
}


#footer {
	font: 11px arial, sans-serif;
	color: #4E4A3A;
	text-align: right;
	padding-right: 47px;
}
#footer p {
	margin-top: 0.5em;
}
zakręcony
Nowy
Nowy
Posty: 127
Rejestracja: śr mar 26, 2008 7:33 pm

Re: prawdopodobnie inny kolor tła na rożnych komputerach

Post autor: zakręcony »

kolega niech da screena i sprawdzisz czy faktycznie jest niebieskie
jeżeli jest niebieskie przydał by sie też adres strony
nunek
Posty: 2
Rejestracja: pn lis 09, 2009 9:31 am

Re: prawdopodobnie inny kolor tła na rożnych komputerach

Post autor: nunek »

Witam
Prosiłem innych znajomych o sprawdzenie u siebie to wszyscy mieli białe tło takie jak powinno zamiast screena zrobil mi wydruk i bylo niebiesko :/ adres strony to http://florx.pl
pozdrawiam
anisa
Posty: 19
Rejestracja: śr lis 04, 2009 1:08 am
Kontakt:

Re: prawdopodobnie inny kolor tła na rożnych komputerach

Post autor: anisa »

Witaj,
masz troszkę bałaganu w kodzie. Nie rozumie, po co masz nadaną klasę ltr dla body, skoro nie masz tego w css. Druga sprawa, co ma znaczyć w body element snow? To samo dotyczy obrazka w body, powtarzanego y- mianowicie body_bg.gif.
Proponuję, abyś ułożył stronę ponownie. Zacznij od góry.
Jeśli potrzebujesz pomocy, to chętnie pomogę.
Pozdrawiam,
Anita
szczypior
Nowy
Nowy
Posty: 46
Rejestracja: pn lut 26, 2007 1:38 pm
Kontakt:

Re: prawdopodobnie inny kolor tła na rożnych komputerach

Post autor: szczypior »

Dowiedz się od kolegi z jakiej przeglądarki wtedy korzystał. Jeśli używasz gdzieś na stronie takiego niebieskiego koloru to możliwe, że w wyniku błędu przeglądarki w interpretacji kodu rozlewa się on po całej stronie.

Btw: Popracuj nad kodem.
ODPOWIEDZ