[Ovillo] Problemas con SWFobject y posicionamiento de capa
Ignacio Fortea
ignacio.fortea en serlog21.com
Vie Feb 16 22:06:36 UTC 2007
Tengo dos capas flotadas a la izquierda quedando una al lado de la otra.
Dentro de la primera tengo un swf. y funciona perfectamente hasta que
inserto el flash con la técnica Swfobjetc para evitar ese horrible
recuadrado en IE, que hace que la segunda capa deje de flotar.
Como el error viene por la insercion del flash con el swfobject, he
intentado modificar el estilo de la capa bannerV y su hijo (el embed con el
swf) mediante javascript, pero no consigo nada.
Espero haberme explicado.
Así es mi html:
<div id="menuCaja">
<div id="menuV">
<div id="bannerV">
<img src="/imagenes/banners/banV_serlog21.jpg"
alt="Serlog21 - Consultoría de recursos humanos"/>
</div>
<script type="text/javascript">
var pelicula = new
FlashObject("/imagenes/banners/banV_serlog21.swf", "Serlog21", "120", "240",
"8", "#999999");
pelicula.write("bannerV");
document.getElementById("bannerV").style.styleFloat="left";
document.getElementById("bannerV").childNodes.item(0).style.styleFloat="left
";
//document.getElementById("bannerV").childNodes.item(0).style.display="inlin
e";
</script>
</div>
<ul id="menu">
</ul>
</div>
Mi CSS:
#menu {
float: left;
font-size: 7.7pt;
}
#menuCaja {
display: table;
min-height: 35em;
}
#menuV {
display: table-cell;
vertical-align: middle;
}
#bannerV {
width: 120px;
height: 240px;
background: #999999;
float: left;
margin: 1em 20px;
}
#bannerV img {
border: none;
}
#bannerV embed {
float: left;
}
Una ayudita por favor estoy perdido.
Un saludo.
Más información sobre la lista de distribución Ovillo