first-letter в ФФ
Добавлено: Пн сен 19, 2011 16:06
Заметил интересный момент. Имеем такой вот код:
Код:
Стили:
Доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Так вот. При данных условиях ФФ (версия 6.0.2) растягивает блок ссылки на некую малую величину. Остальные браузеры, включая ИЕ7 ничего подобного не делают.
Где тут собака порылась?
Причем, если в firebug отключить и снова включить margin, то этот глюк пропадает.
Код:
- Код: Выделить всё
<div class="headermenu">
<a href="">What’s on</a>
<a href="">Check it out</a>
<a href="">Movies</a>
<a href="">Books</a>
<a href="">Theater</a>
<a href="">Music</a>
<a href="">Fashion & lifestyle</a>
<a href="">Art</a>
<a href="">What’s new</a>
<a href="">Face to face</a>
<a href="">Portraits</a>
<a href="">Galleries</a>
<a href="">About</a>
</div>
Стили:
- Код: Выделить всё
.headermenu {width:600px; position:absolute; top:48px; left:254px;}
.headermenu a {float:left; margin:0 17px 0 0; letter-spacing:0.85px; color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:30px; text-transform:uppercase;}
.headermenu a:first-letter {font-size:14px;}
Доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Так вот. При данных условиях ФФ (версия 6.0.2) растягивает блок ссылки на некую малую величину. Остальные браузеры, включая ИЕ7 ничего подобного не делают.
Где тут собака порылась?
Причем, если в firebug отключить и снова включить margin, то этот глюк пропадает.