2010-05-19 19 views
5

Dlaczego XHTML 1.0 Strict wyświetla wysokość linii jako większą niż wysokość linii o tej samej wartości w XHTML 1.0 Transitional?HTML Ściśle zwiększa wysokość linii

Spowoduje to przesuwanie zawartości w komórkach tabeli (np. Hotmail w przeglądarce Firefox, Gmail w IE i Firefox). Czy ktoś inny doświadczył tego problemu i zna sposób jego obejścia?

Cheers

Herezje przykładowy kod dla każdego typu XHTML:

przejściowe:

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

Czy możesz opublikować część swojego kodu - będzie łatwiej! * pamiętaj, aby użyć przycisku blokady CODE * –

Odpowiedz

0

@ryano o ile mi wiadomo, nie nie jest to ostateczna poprawka, większość ludzi wydaje się używać poprawki margin-top:-2px; na sama komórka.

Nadzieję, że pomaga.

Powiązane problemy