IE добавляет дополнительный верхний край к каждому li-элементу
В настоящее время я делаю IE-хаки на веб-сайте, над которым работаю: http://www.timkjaerlange.com/wip/co2penhagen/
У меня проблема с этим неупорядоченным списком. IE, кажется, добавляет дополнительное верхнее поле для каждого li-элемента, делая мою навигацию похожей на лестничный пролет: http://dl.getdropbox.com/u/228089/ie-prob.jpg
Я использую условные комментарии для IE. Я старался:
ul#mainnav li { top-margin: 0;}
Но это ничего не дает. Я бы хотел, чтобы для IE был плагин в стиле Firebug, который упростил бы решение подобных проблем.
Есть идеи относительно того, что может вызвать эту проблему?
Ответы 4
верхнее поле не является атрибутом CSS. Вы ищете наивысшую маржу
Изменять:
ul#mainnav li { top-margin: 0;}
К:
ul#mainnav li { margin-top: 0;}
Ты прав. Однако верхняя граница не решает проблему.
Я использую reset.css Эрика Мейера, он связан с 960gs, которые я использую для прототипирования дизайна.
Чтобы добиться желаемого поведения, попробуйте «display: inline» вместо «float: left». Добавьте оба:
ul#mainnav { display: inline }
ul#mainnav li { display: inline }
Отличный ресурс для информации о настройке списков можно найти на Список отдельно.
Да благословит Бог звездный селектор. Я только что добавил
li{*margin-top:-4px;}, и это было исправлено.