« May 02, 2006 | Начало | May 04, 2006 »

03.05.2006

CSS: убираем отступ у <li> в IE5

Делаем вертикальное меню в виде списка, ссылки оформляем в виде красивых блоков. В Internet Explorer 5 появляется лишний отступ в 3-4 пикселя.

Так выглядит в хороших браузерах:

Нормальный браузер

А так в Internet Explorer 5:

Плохой IE5

Поискал в 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 в отдельный файл и не засорять мусором основную таблицу стилей.

Последние записи

Архив

Creative Commons License
This weblog is licensed under a Creative Commons License.
Работает на
Movable Type 3.21
98746801
My status a.kost