| |
|
|
| |
<div id="menu">
<ul>
<li><span><a href="#">Окомпании</a></span></li>
<li><span><a href="#">Услуги</a></span></li>
<li><span><a href="#">Объекты</a></span></li>
<li><span><a href="#">Партнеты</a></span></li>
</ul>
</div>
|
#menu ul li{
float:left;
list-style:none;
margin-right:5px;
background:url(images/menu_el_bg.jpg) repeat-x;
}
#menu ul li span{
display:block;
background:url(images/menu_el_l.jpg) no-repeat left;
height:21px;
}
|
При такой разметке в FF ширина элементов списка равна ширине текста в них, а эксплорер6 делает элементы списка шириной во весь блок родителя. С одной стороны его понять можно span стал блочным и ширина его становится 100%, но если у span убрать высоту то ширина получается такая же как и в FF.
Если я не понятно объяснил вот ссылка
http://altitudo.ru/test/int/index.html
Кто знает что происходит: | |
| |
|
|
| |
автор: Cepera (19.01.2008 в 19:44) |
|
| |
для: jangot
(17.01.2008 в 17:02)
| | | Я бы вместо float:left поставил display:inline. Так как флоат автоматически делает элемент блочным. | |
| |
|
|
| |
|
|
| |
для: Cepera
(19.01.2008 в 19:44)
| | | Этот вариант не подходит потому, что тогда нельзя будет задавать размеры элементу т.к. он становится строковым к тому же элемент списка и так блочный.
Но я нашел выход.
Если задать
#menu ul li span{
display:block;
background:url(images/menu_el_l.jpg) no-repeat left;
height:21px;
float:left;
}
|
То все заработает правильно.
Когда уже люди перестанут пользоваться гребаным эксплорером? | |
| |
|
|
