Страница корректно отображается только в Ie 6 и 8

  • Автор темы Sermak
  • Дата начала
S

Sermak

#1
Пытаюсь блочной версткой с 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>

Код:
<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>
<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">
Код:
.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;
}
 
T

TimeDontWait

#2
Попробуй через id стили задавать.
И попробуй float
 
S

Sermak

#3
Разобрался. Опера и иже с ними не понимают в CSS значения параметров в кавычках. Убрал кавычки, все встало на места. Правда не совсем так, как я ожидал. Но там сам разберусь