Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Перескакивает блок в ИЕ6 на следующую строку
 
 автор: TetRiska   (22.08.2011 в 17:32)   письмо автору
 
 

Всем привет. Реализация то очень проста, но почему ИЕ6 выпендривается. В сумме всех блоков получается 100%. Но вот в ИЕ6 последний блок, красным фоном пометил, переходит на следующую строку. Чего так?
<div id="wrap_menu">
        <div id="menu_round_left"></div>
        <div class="menu_free_block" style="background:red !important;">&nbsp;</div>
        
        <div class="menu_line_block">
            <div class="menu_line"></div>
        </div>
        <div class="menu_line_block">
            <div class="menu_line"></div>
        </div>
        <div class="menu_line_block">
            <div class="menu_line"></div>
        </div>
        <div class="menu_line_block">
            <div class="menu_line"></div>
        </div>
        <div class="menu_line_block">
            <div class="menu_line"></div>
        </div>
        <div class="menu_line_block">
            <div class="menu_line"></div>
        </div>
        <div class="menu_line_block">
            <div class="menu_line"></div>
        </div>
        
        <div class="menu_free_block" style="background:red !important;">&nbsp;</div>
        <div id="menu_round_right"></div>
    </div>

#wrap_menu {
    background:url(/images/top_menu_c.gif) repeat-x;
    height:48px;
    position:relative;
}
#menu_round_left{
    position:absolute;
    left:0;
    top:0;
    background:url(/images/top_menu_l.gif) no-repeat;
    width:3px;
    height:48px;
}
#menu_round_right{
    position:absolute;
    right:0;
    top:0;
    background:url(/images/top_menu_r.gif) no-repeat;
    width:3px;
    height:48px;
}
.menu_free_block{
    width:8%;
    height:48px;
    float:left;
    cursor:pointer;
}
.menu_line_block{
    width:12%;
    height:48px;
    float:left;
    position:relative;
}
.menu_line{
    position:absolute;
    width:2px;
    height:21px;
    left:50%;
    top:50%;
    margin:-10px 0 0 -1px;
    background:url(/images/top_menu_line.gif) no-repeat;
}

П.С, сам прикол делаю под 1024, когда смотришь выше, то нормально!

  Ответить  
 
 автор: TetRiska   (22.08.2011 в 17:58)   письмо автору
 
   для: TetRiska   (22.08.2011 в 17:32)
 

заметил когда обнуляем
* {
    margin: 0;
    padding: 0;
}

блок последний слетает.....:(

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования