Geek Answers Handbook

HTML Strictly Increases Line Height

Why does XHTML 1.0 Strict display a line height that is greater than a line height of the same value in XHTML 1.0 Transitional?

Thus, popping content into table cells (e.g. Hotmail in Firefox, Gmail in IE and Firefox). Has anyone else experienced this problem and knew about it?

Greetings

Here is a sample code for each type of XHTML:

Transitional:

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

Strict:

<!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>
+5
source share
1 answer

@ryano, as far as I know, there is no final solution for this, most people seem to use the fix margin-top:-2px;for the table itself.

Hope this helps.

0

More articles:


All Articles