Comunidad de diseño web y desarrollo en internet online

Div sobre un div que contiene un flash

Citar            
MensajeEscrito el 01 Abr 2011 09:08 am
Saludos.
Tengo una página dende muestro un un div que contiene un flash, y debajo de él, otro div con contenido.

Necesito superponer en parte el div de abajo, sobre el div que contiene el flash.
Lo consigo, pero el flash me tapa el contenido del div de abajo.

¿Qué debo hacer para que el flash se vea por debajo del contenido del otro div?

Os pongo el código:

Código HTML :

<DIV id="con-flash" >
<swfobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="962" height="381">
       <param name=movie value="A3F42EA2A2113EE3C1257841004E6EFD/$FILE/ImgCentral.swf"> 
       <param name=quality value=high>   <param name="wmode" value="opaque">
       <embed src="A3F42EA2A2113EE3C1257841004E6EFD/$FILE/ImgCentral.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="opaque"  width="962"  height="381" border="0">        </embed>
</swfobject></DIV>
<DIV id="patas" align="center">contenido a superponer </DIV>


Y el css...

Código :

DIV.cont-menu{
z-index:500;
position:relative;
float: left;
} 

DIV#patas{
margin-top: -25px;
z-index: 999;
float: left;
}


Gracias de antemano

Por AguaRas

93 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 Abr 2011 04:55 pm
El div #patas debe tener position absolute, lo mismo que el div #con-flash. Para eso debes encerrar ambos divs en otro div con position relative:

Código HTML :

<div style="position: relative">
<div id="con-flash" style="position: absolute; top: 0; left: 0;"> 
<swfobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="962" height="381"> 
       <param name=movie value="A3F42EA2A2113EE3C1257841004E6EFD/$FILE/ImgCentral.swf">  
       <param name=quality value=high>   <param name="wmode" value="opaque"> 
       <embed src="A3F42EA2A2113EE3C1257841004E6EFD/$FILE/ImgCentral.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="opaque"  width="962"  height="381" border="0">        </embed> 
</swfobject></div> 
<div id="patas" style="text-align: center; position: absolute; top: 0; left: 0;">contenido a superponer </div>
</div>

Con un div con position absolute, el float no funciona, debes usar top y left para posicionar el div donde lo quieras.

Otra cosa, ese align="center" es inválido, debes usar text-align para centrar horizontalmente el texto dentro del div.

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.