Rekli ste mi da mi se objekti preklapaju, ali ja kad odem na preview u Mozilli ili IE nista se ne preklapa?!
CSS:
Code:
body {
text-align:center;
background-color:#999999;
font-family:"Trebuchet MS", Arial;
font-size:12px;
}
div#sajt{
width:800px;
height:800px;
margin:10px auto;
background:#fff url(Slike/header.jpg) repeat-x left top;
}
div#header{
color:#Fff;
height:150px;
}
div#header h1{
padding-top:60px;
margin:0px;
}
div#linkovi{
float:left;
width:200px;
height:200px;
font-size:16px;
background:#fff url(Slike/meni.gif) repeat-x left top;
}
div#glavni{
padding:10px;
width:550px;
height:300px;
float:left;
text-align:left;
font-size:15px;
}
div#oglasi{
height:90px;
width:728;
margin-top:300px;
padding:10px;
float:none;
}
div#footer{
height:20px;
width:800px;
font-size:12px;
margin-top:799px;
background:#fff url(Slike/footer.gif) repeat-x left top;
}
body {
text-align:center;
background-color:#999999;
font-family:"Trebuchet MS", Arial;
font-size:12px;
}
div#sajt{
width:800px;
height:800px;
margin:10px auto;
background:#fff url(Slike/header.jpg) repeat-x left top;
}
div#header{
color:#Fff;
height:150px;
}
div#header h1{
padding-top:60px;
margin:0px;
}
div#linkovi{
float:left;
width:200px;
height:200px;
font-size:16px;
background:#fff url(Slike/meni.gif) repeat-x left top;
}
div#glavni{
padding:10px;
width:550px;
height:300px;
float:left;
text-align:left;
font-size:15px;
}
div#oglasi{
height:90px;
width:728;
margin-top:300px;
padding:10px;
float:none;
}
div#footer{
height:20px;
width:800px;
font-size:12px;
margin-top:799px;
background:#fff url(Slike/footer.gif) repeat-x left top;
}
HTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Naslov</title>
<link rel="stylesheet" href="gosevski.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.style1 {color: #0080FF}
.style2 {
color: #0000FF;
font-family: Simpson, Arial;
}
.style3 {font-style: italic}
body {
background-image: url(Slike/bg.gif);
}
a:link {
color: #66CCFF;
}
a:visited {
color: #CC33FF;
}
a:hover {
color: #3300FF;
}
a:active {
color: #3300FF;
}
-->
</style>
</head>
<body>
<div id="sajt">
<div id="header"><h1></h1></div>
<br>
<br />
<div class="style1" id="linkovi">
<p><strong><a href="link">Strana</a></strong></p>
<p><strong><a href="link">Strana</a></strong></p>
<p><strong><a href="link">Strana</a></strong></p>
<p><strong><a href="link">Strana</a></strong></p>
<p><strong><a href="link">Strana</a></strong></p>
</div>
<div id="glavni"> Text </div>
<div id="oglasi"></div>
<div id="footer">Copyright© 2007 Sajt</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Naslov</title>
<link rel="stylesheet" href="gosevski.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.style1 {color: #0080FF}
.style2 {
color: #0000FF;
font-family: Simpson, Arial;
}
.style3 {font-style: italic}
body {
background-image: url(Slike/bg.gif);
}
a:link {
color: #66CCFF;
}
a:visited {
color: #CC33FF;
}
a:hover {
color: #3300FF;
}
a:active {
color: #3300FF;
}
-->
</style>
</head>
<body>
<div id="sajt">
<div id="header"><h1></h1></div>
<br>
<br />
<div class="style1" id="linkovi">
<p><strong><a href="link">Strana</a></strong></p>
<p><strong><a href="link">Strana</a></strong></p>
<p><strong><a href="link">Strana</a></strong></p>
<p><strong><a href="link">Strana</a></strong></p>
<p><strong><a href="link">Strana</a></strong></p>
</div>
<div id="glavni"> Text </div>
<div id="oglasi"></div>
<div id="footer">Copyright© 2007 Sajt</div>
</div>
</body>
</html>