plantilla - html doctype agrega espacios en blanco?
doctype must be declared first (4)
Mi sospecha es que el espacio en blanco dentro del marcado (por ejemplo, las nuevas líneas y las pestañas que hacen que el código de la tabla sea muy legible) tienen la culpa. Me he encontrado con problemas similares anteriormente, donde el espacio en el marcado resultaba en un espacio molesto en la pantalla, incluso donde parecía no importar (por ejemplo, entre las <li> etiquetas).
Intente contraer el marcado de la tabla en una sola línea larga.
¿alguien puede explicarme por qué tener un doctype de
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
y
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
representar el siguiente bloque de manera diferente en Firefox?
<table style="border-collapse:collapse; margin:0; padding:0;">
<tr>
<td style="border:1px solid red; margin:0; padding:0;"><img src="http://images.smh.com.au/2010/06/01/1533814/th_park-90x60.jpg" style="border:none; padding:0; margin:0;" /></td>
</tr>
</table>
usando ''Transicional'', no hay espacio en blanco debajo de la imagen, ¡usando ''Estricto''!
2da pregunta, usando estricta, ¿es posible eliminar este espacio en blanco?
No estoy seguro de por qué ocurre el espacio. En cuanto a una solución, si no le importa establecer explícitamente una altura para su celda de tabla, puede agregar display: block; y altura: 60px; a tus estilos de td.
Como puede ver en esta tabla , el primer Doctype activa el modo peculiar en todos los navegadores, el segundo activará el modo estándar.
El resto de esta historia continúa en Imágenes, Tablas y Brechas Misteriosas :
Establecer imágenes para ser bloques
La primera opción, y la que funcionará para la mayoría de los diseños gráficos intensos, es convertir la imagen de un elemento en línea a un elemento de nivel de bloque. Haga eso, y ya no genera un cuadro de línea, y así el problema desaparece, suponiendo que la imagen es lo único que ocupa esa celda de la tabla. En el caso más simple, podríamos agregar un estilo como este:
td img {display: block;}
El primer DOCTYPE renderizará su página en modo casi estándar :
La representación del modo "Casi estándares" coincide con el modo "estándares" en todos los detalles excepto en uno. El diseño de las imágenes dentro de las celdas de la tabla se maneja de la misma manera que funciona el modo "peculiaridades".
El segundo DOCTYPE renderizará su página en modo estándar.