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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Sermak, 20 янв 2011.

  1. Sermak

    Sermak Гость

    Подскажите в чем ошибка? В Опере и Хроме отображается так как нужно - слева блок меню, справа блок контента, а в 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">
    Код (Text):
    .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">
    Код (Text):
    <!-------------------------------Начало структуры страницы--------------->
    <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>
    <!-------------------------------Конец подвала страницы------------------------->
     
  2. TimeDontWait

    TimeDontWait Well-Known Member

    Регистрация:
    4 янв 2010
    Сообщения:
    383
    Симпатии:
    0
    Код (Text):
    .block_menu {
    width: 250px;
    position:relative; float:left;
    text-align: center;
    margin-top: 30px;
    }

    .block_content {
    margin-left: 270px;
    }
     
Загрузка...

Поделиться этой страницей