CSS: убираем отступ у <li> в IE5
Делаем вертикальное меню в виде списка, ссылки оформляем в виде красивых блоков. В Internet Explorer 5 появляется лишний отступ в 3-4 пикселя.
Так выглядит в хороших браузерах:
А так в Internet Explorer 5:
Поискал в Google (устал бороться с этим багом), нашел элегантное решение. Добавляем “vertical-align: bottom” в стиль для ссылки:
ul li a {
background: #fff;
color: #000;
display: block;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
width: 140px;
}
А на сайте cssing.org.ua читайте понятное объяснение Mid Pass Filter.
Mid Pass Filter — CSS-хак, позволяющий вынести стили для IE5 в отдельный файл и не засорять мусором основную таблицу стилей.
98746801
Комментарии
Я когда не надо отступы в списках, пользуюсь таким решением.
li {float:left; width:100%; height:1px}
html>body li {float:none; height:auto}
То есть примерно так.
kost:
Как-то очень сложно.
Написал: Igor | May 4, 2006 09:39 PM