Вертикальное позиционирование буллетов в IE

Oct 29, 2008 13:16

Сегодня в очередной раз столкнулся с пренеприятнейшей проблемой. В IE6 при создании маркированных списков маркеры многострочных пунктов пляшут как хотят. Могут вниз спуститься, могут вверх подняться, а некоторые особо революционно настроенные встают по середине.

Жить далее в таких условиях не представлялось возможным я решил искать правды у гугла. Довольно быстро я нашел товарищей по несчастью и их способы решения проблемы. Вот оно решение с помощью CSS.

--------------------------------------------------------------------
@media screen {
/* offsetting the entire ul down */
* html ul.content_list {position: relative; top: .5em;} /* IE6 */
*:first-child+html ul.content_list {position: relative; top: .5em;} /* IE7 */

/* offsetting each li back up*/
* html ul.content_list li {vertical-align: top; position: relative; top: -.5em;} /* IE6 */
*:first-child+html ul.content_list li {vertical-align: top; position: relative; top: -.5em;} /* IE7 */
}
--------------------------------------------------------------------

Вуаля! Теперь все списки у которых class="content_list" будут адекватно отображаться в IE.

Счастье в дом пришло!

списки, маркеры, css, vertical-align, верстка, html, ul, ie, li

Previous post Next post
Up