Ciao ragazzi,
mi sto affacciando ora al mondo dei CSS.
Sto tentando di mettere un'immagine in una cella di una tabella che si "allarghi" con essa (a seconda della dimensione della finestra) e "sopra" un oggetto flash trasparente.
Dopo aver provato a mettere l'immagine in background della cella (ma non si "allarga"), come background del filmato flash stesso (ma qui è il flash che non si allarga), leggendo qua e la ho trovato il mitico "z-index".
Sembra risolva "quasi" il mio problema.
Il punto è che quando forzo ad entrambi il "position: absolute" a 0, l'immagine si posiziona a 0 rispetto all'angolo della cella, mentre l'oggetto flash (ho porvato anche con del semplice testo) va a 0 rispetto all'angolo della finestra intera!!
Dove sbaglio?
Qui i DIV:
div#bg_headerimage {
width: 100%;
height: 142;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
div#flashheader {
z-index: 1;
left: 0px;
top: 0px;
position: absolute;
}
e qui l'HTML:
<td class="topbar">
<div id="bg_imageheader">
[img]top.png[/img]
</div>
<div id="flashheader">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0" id="intestazione" width="668" height="81">
<param name="movie" value="intestazione.swf">
<param name="bgcolor" value="#FFFFFF">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="allowscriptaccess" value="samedomain">
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="668" height="81" name="intestazione" src="intestazione.swf" bgcolor="#FFFFFF" quality="high" wmode="transparent" swLiveConnect="true" allowScriptAccess="samedomain">
</embed>
</object>
</div>
</td>
Thanks
marcotti

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0" id="intestazione" width="668" height="81">
Rispondi quotando