суть бага: если в ссылке есть картинка и стиль у неё - (выравние по верху, inline) то размеры высоты строки со ссылкой расчитываются с игнорированием высоты картинки. или возможно берется неправильная высота картинки (порядка 12px) по которым и происходит выравнивание.
вот пример кода
Код:
Текст<br><a href="#" style="vertical-align:top;"><img src="" height='40px' width='40px'></a><span style="font-size:70">test</span><br>ещё текст
у кого ещё неправильно прорисовывается?
Для начала
Исправь на
а
на
И ещё, каким DOCTYPE пользуешся?
И ещё, каким DOCTYPE пользуешся?
а какой в фоксе по умолчанию?
упс. только что тут было другой текст... я немного ошибся..
короче доктипа не было вообще. попробовал с тем что подставлет дримвивер и сделал эти исправления что выше - проблема осталась
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
вот с таким доктипом со всеми поправками на xhtml проблема тоже осталась
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
в IE в любом случае отображается так как надо..
Rion
У тебя выравнивание идет не картинки, а ссылки, а высота текста ссылки как раз и есть около 12рx, так что ФФ все правильно показывает. Если же надо, сделать так, как ты пишешь, то делай выравнивание для картинки, т.е. переставь style="vertical-align:top;" из <a> в <img>.
Snik
стоп стоп стоп
чего ж тогда ссылка затирает выше стоящий текст? ведь она начинается со следущей строки и для неё top это верх этой следующей строки.
собственно именно этой меня и раздражает
АА!! щас протестил! это касается не только картинок!!
ссылкам просто наплевать какие размеры чего угодно внутри них!! они просто наследуют высоту от высоты шрифта более корневого элемента!!
вот пример
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> Текст для теста<br><a href="#" style="vertical-align:top;"><span style="font-size:70px">Ещё текст</span></a> </body> </html>
НЕПРАВИЛЬНО ЭТО!!
это явный баг!!
всё, иду в бугзиллу
UPDATE: блин, не могу в бугзиллу войти.. опять наверное прокся глючит 
Работает Bugzilla.
Если "vertical-align:top;" заменить на "vertical-align:text-top;", то всё будет отображаться как задумано.
Сейчас посмотрел спецификацию:
При использовании значений 'top' и 'bottom' могут возникать неразрешимые ситуации, когда зависимости одних элементов от других образуют замкнутый цикл.
Быть может, это как раз этот случай? И это вовсе не баг, а понимание стандарта разработчиками?
Быть может, это как раз этот случай? И это вовсе не баг, а понимание стандарта разработчиками?
я бы охотно согласился, но когда во всех браузерах (ключая amaya !! ) это отображается правильно а в тех что на движке gecko криво, то только 2 мысли приходит в голову либо у разработчиков весьма кривое понимание стандратов или это баг!
Yan
Gecko не поддерживает text-top.
Lynn
Как это не поддерживает??? Это же элементарный CSS 1. Да и в CSS 2.1 "vertical-align:text-top" никто не отменял.
Вот пример (для наглядности я там еще несколько span'ов сделал и границы):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
Текст для теста<br>
<a href="#" style="border:1px red solid;">
<span style="font-size:70px;border:1px blue dashed;">Ещё текст
<span style="font-size:50px;border:1px yellow dotted;">
<span style="vertical-align:text-top;font-size:15px;border:1px green solid;">text-top</span>
<span style="vertical-align:top;font-size:15px;border:1px red solid;">top</span>
</span>
</span>
</a>
</body>
</html>
Yan
Хм. Значит меня проглючило. Я проверял, у меня не было никакого text-top. 
Сорри.
Rion
ссылкам просто наплевать какие размеры чего угодно внутри них!! они просто наследуют высоту от высоты шрифта более корневого элемента!!
Абсолютно верно! Внимательно читаем п. 10.6.1 спецификации CSS 2.1, конкретно смотрим на "The height of the content area should be based on the font". Какой размер шрифта для ссылки? Верно, он такой же, как и для текста корневого элемента => таким и будет размер блока по вертикали.
Абсолютно верно! Внимательно читаем п. 10.6.1 спецификации CSS 2.1, конкретно смотрим на "The height of the content area should be based on the font". Какой размер шрифта для ссылки? Верно, он такой же, как и для текста корневого элемента => таким и будет размер блока по вертикали.
я ещё раз всё проверил. это вообще какой-то маразм! высота ссылки 12px, но срабатывает она по высоте контента.
насчет п. 10.6.1 там ниже написано что высота хоть и не определена но всё таки предлагается чтоб она была достаточна чтоб всё влезло, чему и следуют все браузеры кроме тех что на gecko..
ладно, как обычно по извращаюсь небольшим увеличеним кода чтоб кроссбраузерно всё красиво отображалось..
Rion
но всё таки предлагается чтоб она была достаточна чтоб всё влезло
Да, но если прочитать вниматльно, то это самое "все влезло" относится именно к шрифту, т.е. с учетом его верхнего/нижнего индекса и т.д. И это логично, поскольку элемент строковой (inline).
Да, но если прочитать вниматльно, то это самое "все влезло" относится именно к шрифту, т.е. с учетом его верхнего/нижнего индекса и т.д. И это логично, поскольку элемент строковой (inline).
мой последний пример как раз с текстом, без картинок...
Rion
К шрифту самого строкового элемента. Для строковых элементов не должно рассчитываться значение высоты по внедренному содержимому, только по собственным параметрам. Чего в нем там еще есть, картинки, тексты и т.д. - не важно.
Snik
ладно ладно уговорил. чем кривее отображается тем правильнее 
PS нафиг спорить если очевидно что было бы лучше еслиб всё выглядило красиво без лишних извращений.
PSS разработчики стандартов в своем браузере (amaya) и то всё по уму сделали не то что в на основе gecko