Tengo el siguiente código:
XHTML:
Código PHP:
<body>
<div id="envoltorio">
<div id="cabecera">
</div>
<div id="botonera">
<div id="fot">
<img src="fotino.jpg" width="189" height="56" alt="blablablablabla" />
</div>
<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="direccionweb#version=6,0,29,0" width="566" height="56">
<param name="movie" value="menu.swf" />
<param name="quality" value="high" />
<embed src="menu.swf" quality="high" pluginspage="direccionweb" type="application/x-shockwave-flash" width="566" height="56"></embed>
</object>
</div>
</div>
<div id="contenedor">
<div id=izda>
</div>
<div id=decha>
</div>
<div id=centro>
</div>
</div>
<div id="pie">
blablablabla
</div>
</div>
</body>
</html>
CSS
Código PHP:
body {
text-align:center;
margin:0px;
background-image: url(Tornp2.png);
}
img {
border:none;
}
#envoltorio {
width:756px;
margin:0px auto;
border-left:5px solid #000000;
border-right:5px solid #000000;
}
#cabecera {
width:756px;
height:157px;
background-image:url(fondocab.png)
}
#botonera {
width: 756px;
height: 56px;
}
#fot {
width: 189px;
height: 56px;
float: left;
}
#flash {
width: 566px;
height: 56px;
float: right;
}
#contenedor {
width: 756px;
height: 500px;
}
#izda {
width:189px;
height:500px;
float:left;
background-color:#CCCCCC
}
#decha {
width:180px;
height:500px;
float:right;
background-color:#CCCCCC
}
#centro {
margin-left:189px;
margin-right:180px;
height:500px
}
#pie {
clear:both;
text-align:center
}
En Firefox se visualiza la página sin problemas, pero en el explorer me aparece un margen entre la capa botonera y la capa contenedor. He probado también quitandole el float right a la capa flash y poniendole un margen del mismo tamaño que la capa fot, lo cual tambien me funciona en firefox, pero en explorer me salta el menu flash a la linea siguiente, en vez de quedarse en linea con la foto que va a su izquierda. Alguien puede decirme que estoy haciendo mal? Gracias.