|
|
|
| Всем привет. Реализация то очень проста, но почему ИЕ6 выпендривается. В сумме всех блоков получается 100%. Но вот в ИЕ6 последний блок, красным фоном пометил, переходит на следующую строку. Чего так?
<div id="wrap_menu">
<div id="menu_round_left"></div>
<div class="menu_free_block" style="background:red !important;"> </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;"> </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:32)
| | заметил когда обнуляем
* {
margin: 0;
padding: 0;
}
|
блок последний слетает.....:( | |
|
|
|