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"> </td>
<td width="200" align="left" valign="top"><?php include("contenido.php"); ?></td>
<td width="5" align="left"> </td>
<td width="579" align="center" valign="top"><?php include ("secciones.php"); ?></td>
<td width="8" align="right"> </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?