DevProTalk - Pogledajte određenu poruku - background-color u FF...

Misko · 02. 12. 2007.

Nešto sam propustio... ali neznam šta... lupam glavu već nekoliko sati i ništa mi ne pada na pamet... na prvi pogled sve bi trebalo da je OK... međutim u IE se vidi onako kako treba dok FF ne prikazuje boju pozadine layera... jel zna neko u čemu je problem?...

Evo i koda

Kôd:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Naslov</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="robots" content="ALL" />
<meta name="Content-Language" content="sr" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />

</head>
<body>
<div id="spoljni">

<!-- pocetak headera -->
<div class="gornji">
	<div class="header">
		<ul id="navigacija">
		<li class="prvi"><a href="#" class="aktivan"><span>Naslovna</span></a></li>
		<li><a href="#"><span>Meni broj 1</span></a></li>
		<li><a href="#"><span>Meni broj 2</span></a></li>
		<li><a href="#"><span>Meni broj tri</span></a></li>
		<li><a href="#"><span>Meni broj 4</span></a>
		<li><a href="#"><span>Meni</span></a>
		<li class="zadnji"><a href="#"><span>Meni broj sedamnaest</span></a></li>
		</ul>
		<div id="slika">&nbsp;</div>
	</div>
</div>
<!-- kraj headera i pocetak sadrzaja -->
<div class="sadrzaj">
	<div class="sadrzajin">
		<div class="levo">Levo</div><div class="desno">Desno</div>
	</div>
</div>
<!-- kraj sadrzaja i pocetak footera -->
<div class="kraj">	
	<div class="krajin">
		<div class="dno">&nbsp;</div>
		<div class="footer" align="center">copyright &copy; 2007</div> 
	</div>
</div>
<!-- kraj footera -->

</div> <!-- ovo je kraj spoljnog -->
</body>
</html>

A ovo je css

Kôd:

* {
	padding: 0px;
	margin: 0px;
}

body {
	background: #343436 url('../images/bgd.gif') repeat-x;
	font-size: 11px;
	font-family: "trebuchet ms", helvetica, sans-serif;
	color: #343436;
	line-height: 18px;
}

a {
	color: #343435;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	font-weight: bold;
	text-decoration: none;
}

#spoljni {
	width: 100%;
}

.gornji {
	position: relative;
	width: 100%;
}

.header {
	position: relative;
	width: 800px;
	margin: 0px auto;
	padding-top: 25px;
	/*border: 1px solid white;*/
}

ul, ol, li { 
	list-style-type:none; 
	line-height:0;
}

ul#navigacija {
	float:left;
	padding-top:0px;
	width: auto;
	height:38px;
	background:url('../images/nav-bg.gif') no-repeat right bottom;
}

ul#navigacija li {
	float:left;
	width:auto;
}

ul#navigacija li.prvi {
	background:url('../images/nav-bg.gif') no-repeat left bottom;
}

ul#navigacija li.prvi a.aktivan, ul#navigacija li.prvi a:hover {
	background:url('../images/nav-bg-over.gif') no-repeat left bottom;
}

ul#navigacija li a {
	display:block;
	padding:8px 0 0 0;
	color:#333;
	text-decoration:none;
	width:auto;
}

ul#navigacija li a span {
	padding:0 20px;
	font-size:12px;
	line-height:30px;
	text-transform:uppercase;
	position:relative;
	display:block;
	z-index:20;
}

ul#navigacija li.prvi span {
	border:none;
}

ul#navigacija li a:hover, ul#navigacija li a.aktivan  {
	background:url('../images/nav-bg-over.gif') no-repeat center bottom;
	color:#fff;
	position:relative;
}

ul#navigacija li.zadnji a:hover, ul#navigacija li.zadnji a.aktivan {
	background:url('../images/nav-bg-over.gif') no-repeat right bottom;
}

#slika {
	position: relative;
	width: 800px;
	margin-top: 38px;
	*//*ie hack*/margin-top: -25px;
	/*background: #fff;*/
	height: 266px;
	background:url('../images/header.jpg') no-repeat left top;
}

.sadrzaj {
	position: relative;
	width: 100%;
}

.sadrzajin {
	position: relative;
	width: 800px;
	margin: 0px auto;
	background-color: #ffffff;
}

.levo {
	position: relative;
	float: left;
	margin-left: 20px;
	border: 1px solid black;
	width: 465px;
	padding-top: 10px;
}

.desno {
	position: relative;
	float: right;
	border: 1px solid red;
	width: 255px;
	margin-right: 10px;
	padding-top: 10px;
}

.kraj {
	position: relative;
	width: 100%;
	clear: both;
}

.krajin {
	position: relative;
	margin: 0px auto 0px;
	width: 800px;
	/*border: 1px solid #f5f;*/

}

.dno {
	position: relative;
	background: url('../images/dno.gif') no-repeat left top;
	height: 10px;
}

.footer {
	position: relative;
	color: #999;
	font-size: 10px;
}

.footer a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

.footer a:hover {
	color: #999;
	font-weight: bold;
	text-decoration: underline;
}

Ne prikazuje background-color u divu sadrzajin...
Zbog čega? I kako to da rešim... svaki predlog je dobrodošao i unapred hvala na pomoći.