| |
|
|
| | Всем привет. Вот везде все окей отображает, тянет блок по содержимому, я блоку ширину не задавал, т.к. нужно, что бы тянуло. Приведу пример:
<div id="menu-container">
//здесь вырезал горизонтальное меню
<div id="submenu-middle" class="submenu">
<div class="submenu-li">
<div class="submenu-marker"></div>
<a class="submenu-a" href="">Lorem ipsum dolor</a>
</div>
<div class="submenu-line"></div>
<div class="submenu-li">
<div class="submenu-marker"></div>
<a class="submenu-a" href="">Sit amet conse</a>
</div>
<div class="submenu-line"></div>
<div class="submenu-li">
<div class="submenu-marker"></div>
<a class="submenu-a" href="">Ctetur adipisicing</a>
</div>
<div class="submenu-line"></div>
<div class="submenu-li">
<div class="submenu-marker"></div>
<a class="submenu-a" href="">Elit sed do</a>
</div>
<div class="submenu-line"></div>
<div class="submenu-li">
<div class="submenu-marker"></div>
<a class="submenu-a" href="">Eiusmod tempo</a>
</div>
</div>
</div>
|
#menu-container{
position:relative;
width:100%;
height:43px;
background:#2f292a;
z-index:500;
}
#submenu-middle{
position:absolute;
top:43px;
left:0;
padding:12px 10px 13px 10px;
background:#383232;
border-top: 1px solid #2D2828;
display:none;
}
.submenu-li{
height:25px;
overflow:hidden;
}
.submenu-marker{
float:left;
margin:10px 0 0 10px;
width:3px;
height:5px;
background: url(../images/marker.gif) no-repeat;
}
.submenu-a{
float:left;
display:block;
margin:5px 32px 0 9px;
color: #847B7D;
font-size: 12px;
text-decoration: none;
}
.submenu-a:hover {
color: #FAFAFA;
}
.submenu-line{
background:#2d2828;
height:1px;
overflow:hidden;
}
|
Вот как выглядит везде, кроме ИЕ6 - http://s019.radikal.ru/i631/1203/6c/15fbeb43481b.jpg
А вот ИЕ6 - http://s019.radikal.ru/i619/1203/4a/e79fecd31d73.jpg
Помогите решить. Спасибо. | |
| |
|
|
| |
|
|
| |
для: TetRiska
(29.03.2012 в 22:17)
| | | Я пользовался в своем меню
display:table;
white-space:nowrap;
|
хотя может и есть более элегантные решения | |
| |
|
|
| |
|
|
| |
для: ONYX
(30.03.2012 в 02:59)
| | | к какому классу? | |
| |
|
|
| |
|
|
| |
для: TetRiska
(30.03.2012 в 10:57)
| | |
.submenu-li{
height:25px;
overflow:hidden;
display:table;
white-space:nowrap;
}
|
для #submenu-middle в место display:block; ставьте display:table;
в принципе должно сработать | |
| |
|
|
| |
|
|
| |
для: TetRiska
(29.03.2012 в 22:17)
| | | * | |
| |
|
|
