Platon_82
Новичок
Вопрос по верстке(clear:both)
Подскажите пожалуйста как решить следущюю проблему:
Есть 3 слоя
В стиле среднего слоя стоит clear:both В експлорере отображает все нормально ,а в опере и фаерфоксе я получаю отступ от вернего слоя пикселей на 30.
Если же ставлю clear:left, то слой отображается нормально без отступов , но см ещается в 3 ряда список(получается как бы что длинна слоя слишком мала, хотя она у меня на всю длинну страницы)
Как сделать так чтобы не было этого отступа и все нормально отображалось
Подскажите пожалуйста как решить следущюю проблему:
Есть 3 слоя
В стиле среднего слоя стоит clear:both В експлорере отображает все нормально ,а в опере и фаерфоксе я получаю отступ от вернего слоя пикселей на 30.
Если же ставлю clear:left, то слой отображается нормально без отступов , но см ещается в 3 ряда список(получается как бы что длинна слоя слишком мала, хотя она у меня на всю длинну страницы)
Как сделать так чтобы не было этого отступа и все нормально отображалось
PHP:
// CSS
#hor_menu { clear:both; width: 980px; height: 22px; background: url(images/menutop.gif) repeat-x top left #DBD6D0; margin-top:-30px; }
#hor_menu ul {margin: 0 0 0 180px;height: 12px;padding: 0; width:980px;}
#hor_menu ul li{margin: 0;padding: 0;list-style-type: none;display: inline;}
#hor_menu ul li a{font-size: 11px;color: #0E1F9E;text-decoration: none;padding: 0px 12px 4px 8px;background: url(images/menu_top.gif) no-repeat top right transparent;line-height: 21px;}
#hor_menu ul li a:hover{text-decoration: underline;color: #333;}
#hor_menu ul li a.selected{color: #333;}
<Div id="TOP_LAYER">dfd</div>
<div id="hor_menu">
<ul>
<li><a href="">111</a></li>
<li><a href="" >222</a></li>
<li><a href="" >333</a></li>
<li><a href="" >444</a></li>
<li><a href="" >555</a></li>
<li><a href="" >666</a></li>
<li><a href="" >777</a></li>
<li><a href="" >888</a></li>
<li><a href="" >999</a></li>
</ul>
</div>