HTML Strict увеличивает высоту строки - PullRequest
5 голосов
/ 19 мая 2010

Почему XHTML 1.0 Strict отображает высоту строки, которая кажется больше, чем высота строки того же значения в XHTML 1.0 Transitional?

Это приводит к выталкиванию содержимого внутри ячеек таблицы (например, Hotmail в Firefox, Gmail в IE и Firefox). Кто-нибудь еще сталкивался с этой проблемой и знает, как ее обойти?

Приветствия

Вот пример кода для каждого типа XHTML:

Переходное:

<!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>
</head>

<body>
<table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td style="line-height:18px;"><font style="line-height:18px; font-size:16px; font-family:Arial, Helvetica, sans-serif;">This cell will be larger in Strict</font></td>
  </tr>
</table>

</body>
</html>

Строгий:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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>
</head>

<body>
<table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td style="line-height:18px;"><font style="line-height:18px; font-size:16px; font-family:Arial, Helvetica, sans-serif;">This cell will be larger in Strict</font></td>
  </tr>
</table>
</body>
</html>

1 Ответ

0 голосов
/ 19 мая 2010

@ ryano Насколько я знаю, это не является окончательным исправлением, большинство людей, похоже, используют исправление margin-top:-2px; на самой ячейке таблицы.

Надеюсь, это поможет.

...