Container Verschachtelung, z-index, css, gif & swf

Tobi84ks · 10.07.2008, 20:46

hallo, ich möchte gerne auf einer kleinen infoseite ganz primitiv (und gänzlich unprofessionell) ohne extra css-file oder swf-preloader-screen folgendes umsetzen:

im vordergrund läuft eine swf (1,7mb), dahinter befindet sich eine gif, die man kurz sieht, bis die swf geladen ist. alles mittig zentriert

hatte mir vorgestellt einen großen container zu erstellen, in dem 2 weitere hintereinander liegen. nun liegen die beiden container aber untereinander, und ich kann mir nicht erklären, warum die z-index-werte nicht funktionieren.

hätte jemand zeit und lust diese zeilen kurz "korrektur" zu lesen? (ich muss dazu erwähnen, dass ich eine animation in after effects gebaut und als swf exportiert habe, und lediglich ein bisschen in der dabei erstellten hmtl etwas mit nvu rumgefuchtelt habe) bitte entschuldigt das folgende chaos:

HTML-Code:

<body>
<div id="all">
<div id="gif"
 style="position: absolute; width: 800px; height: 600px; z-index: 0;">
<script type="text/javascript">
</script><img style="width: 800px; height: 600px;"
 zspace="1" alt="" src="waitscreen.gif"
 align="middle" />
<script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','960','height','600','src','dolcevita','quality','low','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','scale','noborder','bgcolor','#000000','movie','dolcevita' ); //end AC code
</script>
<div id="swf"
 style="position: absolute; width: 800px; height: 600px; z-index: 1;">
<div align="center">
<noscript> <object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="960" height="600"> <param name="movie"
value="dolcevita.swf" /> <param name="quality" value="low" />
<param name="SCALE" value="noborder" /> <param name="BGCOLOR"
value="#000000" /> <embed src="dolcevita.swf" width="960"
height="600" quality="low"
pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" scale="noborder"
bgcolor="#000000"></embed> </object> </noscript>
</div>
</div>
</div>
</div>
</body>

sehr vielen dank im voraus...

hero-master · 11.07.2008, 12:11

moin,
wie willst du es denn haben?
Zur Zeit hast du ja dem swf-Container einen höheren Wert gegeben, so dass der im Vordergrund liegt, was er auch so oder so sein würde, da eine swf-Datei generell immer im Vordergrund steht

Tobi84ks · 11.07.2008, 17:39

hi, na klar, die swf sollte im vordergrund liegen. irgendeine idee wo in diesem chaos der fehler liegt? danke

hero-master · 15.07.2008, 17:36

Schließ mal das Div, in dem das gif drin it

Code:

<div id="gif"
 style="position: absolute; width: 800px; height: 600px; z-index: 1; background:red">
<script type="text/javascript">
</script><img style="width: 800px; height: 600px"
 zspace="1" alt="" src="waitscreen.gif"
 align="middle" /></div>

du hast das Endtag vergessen

Tobi84ks · 16.07.2008, 22:05

hat leider gar nicht geholfen...

hero-master · 17.07.2008, 12:22

In welchem Browser treten die Probleme denn auf? Welchen Doctype verwendest du?
Wenn ich deinen Code bei mir tste sieht das im FF schon ganz gut aus...

Tobi84ks · 18.07.2008, 01:33

hallo,
in firefox, IE und Opera. das bild liegt immer oben- ich bin verwirrt

hero-master · 18.07.2008, 12:26

Versuch mal 2 Dinge:
- gib den Containern eine Position (left, top)
- vergib andere z-index-Werte (1,2)

Wenn das nichts bringt, dann wärs schön, wenn du das mal online zeigst, oder mir das Ganze mal schickst als zip-Datei oder so, dann kann man sich das mal anschauen