2010-05-19 14 views
5

¿Por qué XHTML 1.0 Strict muestra una altura de línea que aparece más grande que una altura de línea del mismo valor en XHTML 1.0 Transitional?HTML Estricto aumenta altura de línea

Esto, por lo tanto, empuja hacia abajo el contenido dentro de las celdas de la tabla (es decir, Hotmail en Firefox, Gmail en IE y Firefox). ¿Alguien más ha experimentado este problema y sabe cómo evitarlo?

Saludos

Heres un código de ejemplo para cada tipo XHTML:

Transición:

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

estricta:

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

¿Puede publicar parte de su código, será más fácil! * recuerde usar el botón de bloque CODE * –

Respuesta

0

@ryano por lo que yo sé, no no es una solución definitiva para esto, la mayoría de las personas parece estar usando una corrección margin-top:-2px; en la t capaz de celda en sí.

Espero que ayude.

Cuestiones relacionadas