Ok, sé que el uso de tablas para el diseño es malo. Pero tenemos un cliente que tiene ie6 instalado en todas las estaciones de trabajo y tenemos que hacer un diseño complicado que funcione perfectamente para que la solución CSS limpia no funcione, así que tuve que hacerlo con tablas.elemento div en la celda de la tabla tiene algún tipo de espacio
Aquí está el código HTML que tengo:
<body>
<table id="main_table">
<tr>
<td>
<div class="content">Content</div>
</td>
</tr>
</table>
</body>
Aquí está la CSS que tengo:
body {
margin:0;
padding:0;
}
#main_table {
border-collapse:collapse;
border-spacing:0;
width:100%;
}
#main_table td {
margin:0;
padding:0;
}
#main_table div.content {
margin:0;
padding:0;
}
Y por alguna razón misteriosa, hay algún tipo de margen entre la parte superior y el de la célula div. Estoy absolutamente seguro de que todos mis márgenes y almohadillas están en 0, pero todavía está allí.
me trataron:
- un lapso en lugar del div y el problema sigue ahí
- usar
position:relativeen la celda de la tabla y la posición: absoluta en el div pero el div siempre tome su posición a partir de la arriba a la izquierda del navegador, no en la parte superior izquierda del elemento
¿Alguien ha tenido un problema similar en el pasado? Gracias de antemano por tu ayuda.
EDITAR: El problema no está solo en IE6 sino en todos los navegadores.
intente usar firebug para ver dónde está el margen –
Intenté comprobar con firebug y no veo ningún margen o relleno ... – Gabriel
Ok, ahora me siento como un Noob completo. Encontré el problema: era que mi celular le agregaba algo de altura y la alineación vertical era el valor predeterminado de la mitad. Así que todo el div estaba en el medio de la celda, y dejó lo que parecía un margen en la parte superior. Realmente me siento idiota en este ... ¡Gracias por la participación de todos! Iré a buscar una cueva y me esconderé allí durante unos años ...;) – Gabriel