Форум Сайтостроение Веб-строительство

Баг браузеров, монитора или что?

S
На сайте с 14.05.2009
Offline
93
sportmaster
644

Уважаемые знатоки, вопрос! Межстрочный интервал (leading) высчитывается по формуле: "line-height" минус "font-size", таким образом, если "font-size" равен 16px и "line-height" тоже 16px, то 16px-16px=0px. В итоге, наш интервал (leading) равен нулю, а самый нижний символ верхней строки должен подходить впритык самому высокому символу нижней строки.

На практике же остается промежуток, где-то в несколько пикселей. Почему это происходит?

Ghost Bear
На сайте с 01.07.2009
Offline
28
Ghost Bear
#1

CTRL+A сделай и увидишь впритык или нет по краю синего выделения

Пишу продвинутый веб-софт и автоматизирую сео-задачи на партнёрских условиях. Ваша тема + Мой код = Совместный успех. Велком в ЛС.
S
На сайте с 14.05.2009
Offline
93
sportmaster
#2
Ghost Bear:
CTRL+A сделай и увидишь впритык или нет по краю синего выделения

А что я должен увидеть? Когда нажимаю "CTRL+A" нижняя часть некоторых букв, таких как "р", обрывается. Так почему это происходит? Я сравнивал букву "р" на верхней строке с буквой "б" на нижней(ставил их одна под одну), все равно есть зазор в несколько пикселов.

kapyceJlb
На сайте с 06.12.2008
Offline
23
kapyceJlb
#3

Самому даже стало интересно провел тест в 5 браузерах - все норм, никаких пикселей нет лишних.

Попробуйте использовать "Рр" для теста ;)

html/css/jQuery верстка http://tony-art.ru/ (http://tony-art.ru/) icq: 295-249
S
На сайте с 14.05.2009
Offline
93
sportmaster
#4
kapyceJlb:
Самому даже стало интересно провел тест в 5 браузерах - все норм, никаких пикселей нет лишних.
Попробуйте использовать "Рр" для теста ;)

Попробовал - никаких изменений, зазор все равно есть. Приблизьте, может так виднее будет 🙄

kapyceJlb
На сайте с 06.12.2008
Offline
23
kapyceJlb
#5

Пример Pp

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#6
sportmaster:
самый нижний символ верхней строки должен подходить впритык самому высокому символу нижней строки.

да, но тольок не символ, а знакоместо. А символ, по высоте и ширине не всегда занимает все знакоместно. Ведь знак "." значительно ниже чем "|"

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
S
На сайте с 14.05.2009
Offline
93
sportmaster
#7
T.R.O.N:
да, но тольок не символ, а знакоместо. А символ, по высоте и ширине не всегда занимает все знакоместно. Ведь знак "." значительно ниже чем "|"

Да, но вот на скриншоте выше заглавная буква "Р" подходит впритык к букве "р" маленькой.

У меня почему-то получается промежуток. Грешу уже на монитор.

Вот html и css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

p {

font-size:14px;

line-height:14px;

margin:0;

}

</style>

</head>

<body>

<p>рррррррррррррррррр</p>

<p>РРРРРРРРРРРРРPPPPPPP</p>

</body>

</html>

gif 41795.gif
[Удален]
#8

знакоместо опять же.

Здесь на серче line-height стоит нормал, т.е. 1.25 в стилях сообщения

||

||

вот поставьте через файрбаг 1.0 и увидите что палочки не сходятся на 1 пиксель (потому что в вердане палочка на столько не достает до края знакоместа).

Поставьте Georgia и они слипнутся.

S
На сайте с 14.05.2009
Offline
93
sportmaster
#9
neolord:
знакоместо опять же.
Здесь на серче line-height стоит нормал, т.е. 1.25 в стилях сообщения
||
||
вот поставьте через файрбаг 1.0 и увидите что палочки не сходятся на 1 пиксель (потому что в вердане палочка на столько не достает до края знакоместа).
Поставьте Georgia и они слипнутся.

Наконец-то все сошлось = ) На шрифте "comic Sans MS". Но на Georgia даже палочки не слипались почему-то...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий