Muy buenas. Lo primero comentaros que estoy empezando con los estilos CSS, así que tal vez lo que me pase sea una tontería, pero es una tontería que me está volviendo loco y no doy con la solución.
El caso es que estoy haciendo una web en la que creo una tabla con ancho al 100% con tres columnas. La columna central la dejo a 750px que es donde irá el contenido, y a las otras no las doy ancho para que se ajusten según la resolución del usuario. Hasta ahí todo bien.
El caso es que añado un <div> con posición relativa a la tabla anteriormente creada para colocarlo donde quiero y si cambia la resolución del usuario siga situándose donde debe, pero al añadirlo la tabla anteriormente creada se desplaza hacia abajo unos 10/15px. ¿Por qué? He cambiado un montón de veces las propiedades, tanto del <div> como de la tabla, pero siempre me pasa lo mismo. Por favor, si saben cómo solucionarlo, les pido que me digan cómo. Estoy visualizándolo en IE, y el código es el siguiente:
<body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0">
<table width="100%" border="0">
<tr>
<td> </td>
<td width="750" background="principal.jpg"> </td>
<div style="position:relative; top:40px; left:80px;">Texto</div>
<td> </td>
</tr>
</table>
</body>