Блочная верстка Ie8

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

Sermak

#1
Подскажите в чем ошибка? В Опере и Хроме отображается так как нужно - слева блок меню, справа блок контента, а в IE8 контент располагается под блоком меню. Как можно исправить, или может у меня вообще верстка корявая?

<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:90%;
}

.block_head {
width: 1024px; height: 100px; 
position:relative; clear:both;

}

.block_menu {
width: 250px; 
position:relative; float:left;
text-align: center;
margin-top: 30px;
}

.block_content {
width: 768px;
position:relative; float:right;
}

.block_footer_clear {
width: 1024px; height: 65px; 
position:relative; clear:both;
}

.block_footer {
width: 1024px; height: 60px; 
position:relative; clear:both;

}


<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">
Код:
<!-------------------------------Начало структуры страницы--------------->
<div class=block_main>
<!-------------------------------Голова страницы------------------------->
<div class=block_head></div>
<!-------------------------------Меню страницы------------------------->
<div class=block_menu></div>
<!-------------------------------Содержантельная часть страницы------------------------->
<div class="block_content">

<!-------------------------------Распорка между подвалом и контентом------------------------->
<div class="block_footer_clear"></div>
<!-------------------------------Конец содержательной части страницы------------------------->
</div>
<!-------------------------------Конец структуры страницы--------------->
</div>
<!-------------------------------Подвал страницы------------------------->
<div class=block_footer></div>
<!-------------------------------Конец подвала страницы------------------------->
 
T

TimeDontWait

#2
Код:
.block_menu {
width: 250px; 
position:relative; float:left;
text-align: center;
margin-top: 30px;
}

.block_content {
margin-left: 270px;
}