Здравствуйте. Вообщем-то использую для написания программу Dreamweaver. С такой проблемой столкнулся впервые. Суть ее в том, что в окнах дримвивера (окна видов Live и Дизайн) верстка сайта Div'ами вместе с их бэкграундами, прописанными в СSS, отображается корректно, как нужно. Но при открытии этого же файла браузером - я получаю цвет фона, без единой картинки, ни один браузер не видит их.
Все перепроверял миллион раз, открываю параллельно аналогичный сайт, с такой-же версткой и наполнением - все работает.
Вот код.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Marina</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div align="center" class="block0">
<div class="block1" ></div>
<div class="block2" >
<div class="block3" ></div>
<div class="block4" ></div>
<div class="block5" ></div>
</div>
<div class="block6" >
<div class="block7" ></div>
<div class="block8" ></div>
<div class="block9" ></div>
<div class="block10" ></div>
</div>
<div class="block11" >
<div class="block12" ></div>
<div class="block13" ></div>
<div class="block14" ></div>
</div>
<div class="block15" >
<div class="block16" ></div>
<div class="block17" ></div>
<div class="block18" ></div>
<div class="block19" ></div>
</div>
</div>
</body>
</html>
А вот CSS
[CSS]*{
margin:0;
padding:0;
}
body{
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
text-transform:uppercase;
text-shadow: 1px 1px 2px #ccc;
font-size:14px;
background:#333;
color:#333;
}
.block0 {
position: relative;
width: 3489px;
height: 2362px;
float: left;
margin: 0auto;
}
.block1 {
width:201px;
height:2362px;
position: relative;
background: url('..\images\главная01.jpg');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block2 {
position: relative;
width: 612px;
height: 2362px;
float: left;
}
.block3 {
width:612px;
height:608px;
position: relative;
background-image: url('../images/главная02.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block4 {
width:612px;
height:975px;
position: relative;
background-image: url('../images/главная03.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block5 {
width:612px;
height:779px;
position: relative;
background-image: url('../images/главная04.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block6 {
position: relative;
width: 1197px;
height: 2362px;
float: left;
}
.block7 {
width:1197px;
height:608px;
position: relative;
background-image: url('../images/главная05.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block8 {
width:1197px;
height:600px;
position: relative;
background-image: url('../images/главная06.png');
padding: 0px;
padding-right: 0px;
float: left;
}
.block9 {
width:1197px;
height:620px;
position: relative;
background-image: url('../images/главная07.png');
padding: 0px;
padding-right: 0px;
float: left;
}
.block10 {
width:1197px;
height:534px;
position: relative;
background-image: url('../images/главная08.png');
padding: 0px;
padding-right: 0px;
float: left;
}
.block11 {
position: relative;
width: 588px;
height: 2362px;
float: left;
}
.block12 {
width:588px;
height:608px;
position: relative;
background-image: url('../images/главная09.png');
padding: 0px;
padding-right: 0px;
float: left;
}
.block13 {
width:588px;
height:1220px;
position: relative;
background-image: url('../images/главная010.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block14 {
width:588px;
height:534px;
position: relative;
background-image: url('../images/главная011.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block15 {
position: relative;
width: 891px;
height: 2362px;
float: left;
}
.block16 {
width:891px;
height:608px;
position: relative;
background-image: url('../images/главная012.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block17 {
width:891px;
height:600px;
position: relative;
background-image: url('../images/главная013.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block18 {
width:891px;
height:620px;
position: relative;
background-image: url('../images/главная014.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block19 {
width:891px;
height:534px;
position: relative;
background-image: url('../images/главная015.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
[/CSS]
Ребята, кто может, выручайте.:nea: