Отсутствует верхняя и нижняя граница в IE7

У меня проблема с границей в IE7. По какой-то причине граница показывает только слева и справа:Отсутствует верхняя и нижняя граница в IE7

IE7, оказывает incorectly:

alt text http://i47.tinypic.com/166bz8l.gif

FF, делает правильно:

alt text http://i45.tinypic.com/do5lqs.gif

Используя этот CSS :

.tags a { 
    background:#fff; 
    border:1px solid #D8DFEA; 
    padding:5px; 
    margin-left:5px; 
    color:#3B5998; 
    font-size:14px; 
}

Что я делаю неправильно?

источник

2010-01-22 Gandalf StormCrow

Скорее всего, границы ограничены высотой контейнера .tags. Css для .tags a сам выглядит нормально. Обратите внимание, что поскольку <a> является встроенным элементом, вы не можете установить его высоту (если вы не установите его на display:block). Разность высот, скорее всего, вызвана тем, что шрифты визуализируются по-разному разными браузерами. Также следите за Safari, который имеет тенденцию выводить шрифты толще (занимая больше пикселей), чем все другие браузеры.

источник

2010-01-22 20:18:26 slebetman

что я должен делать в этом случае? –

Покажите нам правило css '.tags' или любой другой родительский контейнер, в котором установлена высота. Css, который вы показываете нам, не вызывает ошибки. – slebetman

Отличный чемпион, когда я установил его для отображения блока, они пошли в отдельных строках, я добавил float влево, теперь он работает tnx –

У меня была такая же проблема в IE. Я думаю, что это заставило меня установить размер шрифта в этом div.

Я установил высоту линии, чтобы соответствовать размеру моего шрифта, и это работает в IE, FF, Chrome, Opera, Safari - да!

источник

2010-08-27 09:52:33 helena

line-height исправил проблему, которая происходила в ie9 тоже! – Dave

решение Елены работал для меня тоже, но уточнить, я должен был установить line-height окружающей <div> быть немного больше, чем размер шрифта <a>.

Так что-то вроде этого:

<div style="line-height:40px"> 
    <a style="font: 14px/36px Arial; ...."> 
</div>

источник

2011-02-10 07:39:12 user256604

Отсутствует верхняя и нижняя граница в IE7

ответ

Смежные вопросы