1. Наш канал codeby в telegram. Пишем об информационной безопасности, методах защиты информации, о программировании. Не пропускай новости с кодебай, будь в тренде ! Подробнее ...

    Скрыть объявление

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

Тема в разделе "Web - программирование", создана пользователем Sermak, 20 янв 2011.

  1. Sermak

    Sermak Гость

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

    TimeDontWait Well-Known Member

    Репутация:
    0
    Регистрация:
    4 янв 2010
    Сообщения:
    367
    Симпатии:
    0
    Код:
    .block_menu {
    width: 250px; 
    position:relative; float:left;
    text-align: center;
    margin-top: 30px;
    }
    
    .block_content {
    margin-left: 270px;
    }
     
Загрузка...

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