HTML Strict erhöht die Zeilenhöhe

Warum zeigt XHTML 1.0 Strict eine Zeilenhöhe an, die in XHTML 1.0 Transitional größer als eine Zeilenhöhe desselben Werts ist?HTML Strict erhöht die Zeilenhöhe

Dies drückt daher Inhalt in Tabellenzellen (d. H. Hotmail in Firefox, Google Mail in IE und Firefox). Hat jemand anderes dieses Problem erlebt und weiß, wie es funktioniert?

Prost

Heres ein Beispiel-Code für jede XHTML-Typ:

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>

Strenge:

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

Quelle

2010-05-19 Ryano

Können Sie etwas von Ihrem Code veröffentlichen - es wird einfacher sein! * Denken Sie daran, die CODE-Block-Taste * zu verwenden –

@ryano soweit ich weiß, gibt es ist keine definitive Lösung dafür, die meisten Leute scheinen eine margin-top:-2px; Fix auf dem t zu verwenden Fähig-Zelle selbst.

Hoffe, dass hilft.

Quelle

2010-05-19 10:40:14

Antwort

Verwandte Themen