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