Estoy con mi primer trabajo completamente en CSS... Allá voy¡¡¡¡¡¡
Tengo el primer problema:
EStoy haciendo la cabecera de la web y tengo 1 imagen cortada en dos y cada una en 1 capa (una encima de otra). En Firefox y Opera 7 perfecto... pero en IE... me sale un corte entre las dos.
Podeis verlo en www.envertical.com/climbingzone/plantilla.php
Este es el código:
Código:
<div id="centrado">
<!--capa de cabecera-->
<div id="cabecera"><img src="images/e/top.jpg" alt="Climbing Zone" width="800" height="180" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="380,41,752,144" href="index.php" alt="Home ClimbingZone">
</map>
</div>
<!-- fin de capa de cabecera-->
<!-- capa cabecera2-->
<div id="cabecera2"><img src="images/e/top2.jpg" width="514" height="80" alt="Camsietas Climbing Zone" border="0"></div>
<!--fin de cabecera 2-->
<!-- capa cabecera3-->
<div id="cabecera3">
hola3
</div>
</div>
Y el CSS
#centrado{
width: 800px;
background-color : #ffffff;
}
#cabecera{
height : 180px;
width: 800px;
}
#cabecera2{
height : 80px;
width: 514px;
float:left;
}
#cabecera3{
height : 80px;
width: 286px;
float:right
}
NO consigo solucionarlo... ayuda please para NO VOLVER A LAS TABLAS
Gracias
