Пытаюсь блочной версткой с CSS сделать страничку, а она правильно отображается только в IE, в остальных (Хром, Опера) они не позиционирутся правильно (все в левом верхнем углу находятся) и не принимают заданный размер.
<div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">HTML</div></div><div class="sp-body"><div class="sp-content">
<html>
<div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">CSS</div></div><div class="sp-body"><div class="sp-content">
<div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">HTML</div></div><div class="sp-body"><div class="sp-content">
<html>
Код:
<head>
<title>Главная</title>
<meta name= "author" content="С.В.">
<meta name= "keywords" content="ключевые слова">
<meta name= "description" content="описание страницы">
<meta http-equiv= "content-type" content="text/html; charset=windows-1251">
<link rel="StyleSheet" href="css/style_block.css" type="text/css">
</head>
<body>
<!-------------------------------Начало структуры страницы--------------->
<span class=block_main>
<!-------------------------------Голова страницы------------------------->
<div class=block_head>
</div>
<!-------------------------------Конец головы страницы------------------------->
<!-------------------------------Меню страницы------------------------->
<div class="block_menu">
</div>
<!-------------------------------Конец меню страницы------------------------->
<!-------------------------------Содержантельная часть страницы------------------------->
<div class="block_content">
</div>
<!-------------------------------Конец содержательной части страницы------------------------->
<!-------------------------------Подвал страницы------------------------->
<div class="block_footer">
</div>
<!-------------------------------Конец подвала страницы------------------------->
</span>
</body>
</html>
Код:
.block_main {width:"1024px"; height:"768px"; background-color: white;
position:absolute; top: "0px"; left: "0px"; bottom: "768px"; right:"1024px";
z-index:-10;
}
.block_head {width: "1020px"; height: "100px";
background-image: url("../sourse/background/block_head.jpg");
background-repeat: no-repeat;
position:absolute; top: "2px"; left: "2px"; bottom: "102px"; right:"1024px";
padding:"3px";
z-index:1;
}
.block_menu {width: "250px"; height: "600px";
background-image: url("../sourse/background/block_menu.jpg");
position:absolute; top: "104px"; left: "2px";
padding:"3px";
z-index:1;
}
.block_content {width: "768px"; height: "600px";
background-image: url("../sourse/background/block_content.jpg");
position:absolute; top: "104px"; left: "254px";
padding:"3px";
z-index:1;
}
.block_footer {width: "1020px"; height: "60px";
background-image: url("../sourse/background/block_footer.jpg");
position:absolute; top: "706px"; left: "2px";
padding:"3px";
z-index:1;
}