Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/08/2007, 11:23
Avatar de Spydis
Spydis
 
Fecha de Ingreso: mayo-2003
Ubicación: Donosti
Mensajes: 90
Antigüedad: 21 años
Puntos: 1
Pregunta De tabla a div, problema en IE

Hola, estoy traspasando mi web de tablas a css y como todo novato tengo problemas con IE que en Firefox no me salen xD
El index de la web es el siguiente:
Código PHP:
<html>
<?php include("head_html.php"); ?>
<body>
<div id="block"><?php include("header.php"); ?></div>

<table width="800" border="0" cellspacing="0" cellpadding="0" align="center" background="images/fondo.gif">
  <tr>
    <td width="8" align="left">&nbsp;</td>
    <td width="200" align="left" valign="top"><?php include("contenido.php"); ?></td>
    <td width="5" align="left">&nbsp;</td>
    <td width="579" align="center" valign="top"><?php include ("secciones.php"); ?></td>
    <td width="8" align="right">&nbsp;</td>
  </tr>
</table>

<div id="block"><?php include("footer.php"); ?></div>
</body>
</html>
El tronco aun esta en tablas, y el footer ya lo he transformado, ahora me gustaría ir a por el header.
Aqui os pongo el include del header:
Código HTML:
<table width="800" height="252" border="0" align="center" cellpadding="0" cellspacing="0" valign="top">
  <tr valign="top" cellpadding="0" cellspacing="0">
    <td width="648" height="229" align="center" valign="top"><img src="images/cabecera1.jpg" align="top"></td>
    <td width="152" height="229" align="center" valign="top"><img src="images/cabecera2.jpg" border="0" align="top" usemap="#Map"></td>
  </tr>
    <tr valign="top" cellpadding="0" cellspacing="0">
    <td width="800" height="23" align="center" valign="top" colspan="2"><img src="images/cabecera3.jpg" border="0" align="top"></td>
  </tr>
</table> 
Este header está dentro de un div, para poder alinearlo al centro para cuando lo vaya a pasar a css.
el div es este:
<div id="block"><?php include("header.php"); ?></div>
y en referencia a css:
Código:
#block {
     margin: 0px auto 0px auto;
     padding: 0px;
     width: 800px;
}


Yo lo que había intentado era esto:
Código HTML:
 <div class="cabecera"><img src="images/cabecera1.jpg"></div>
    <div class="cabecera"><img src="images/cabecera2.jpg" border="0" usemap="#Map"></div>
<img src="images/cabecera3.jpg" border="0"> 
CSS:
Código:
div.cabecera {
float: left;
}
Sale centrado, pero el unico problema es que en IE me sale un espacio en blanco entre el header y el tronco...
Alguna idea u otra forma de afrontar el problema?