зазор между строками

[cyklop77]

объясните пожалуйста с чем связано появление однопиксельного зазора(зелёный цвет) между строками в пределах .s1 на странице в последней версии FF

Edited August 17, 2012 by cyklop77

[Yazon_Nile]

с тем, что спан инлайновый. Сделайте его блочным или линейно-блочным и все будет ок

Edited August 17, 2012 by Yazon_Nile

[Catherine]

объясните пожалуйста с чем связано появление однопиксельного зазора(зелёный цвет) между строками в пределах .s1 на странице в последней версии FF

Точно однопиксельного? Точно в последней версии FF? Может, в Хроме тоже? А если .s1 задать другой фон и line-height: 4 и посмотреть, что получится в других браузерах?

Edited August 17, 2012 by Catherine

[SelenIT]

С разным значением line-height по умолчанию. У FF получается 47px, у Оперы, судя по всему, 46px. Спецификация дозволяет браузерам такую вольность (если line-height не указана явно).

[cyklop77]

спасибо за ответы, кажется понял в чём дело. но мне ещё хотелось бы разобраться с background-ом для этого случая в FF

здесь установлен line-height равный размеру шрифта. строки в пределах .s1 прилегают вплотную друг к другу. при этом красная заливка сплошная. всё правильно

здесь установлен line-height больший чем размер шрифта. при этом строки залиты красным цветом. но между строками в .s1 есть зелёный зазор. получается bsckground не залил какую то часть строки?.. причем что странно только снизу... причем явно незалитая часть это не халфлидинг(<10px)

объясните пожалуйста это явление

Edited August 17, 2012 by cyklop77

[SelenIT]

half-leading самый настоящий, и снизу, и сверху (в примере просто сверху просвечивает красный же фон дива). Так, возможно, нагляднее.

Высота закрашиваемой области не всегда равна font-size, она определяется метриками шрифта (выступ над базовой + отступ под базовую), чаще всего выходит в 1.1—1.3 раза больше. Подробнее здесь.

[cyklop77]

спасибо. цвет заливает только кегельную площадку. всё понятно теперь)