• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

z-index mit Flash

Gabriele

Neues Mitglied
Hallo allerseits,

ich habe ein kleines problem und versuche nun schon seit einer Weile, daß selbst in den Griff zu bekommen. Leider vergeblich ...:cry:

Im Dreamweaver möchte ich 2 Objekte ausrichten. Ein Bild im Hintergrund und darüber ein Flash-Objekt. Bis hierhin auch kein Problem, da es ja mittels z-index geht. Das Bild, welches sich unter dem Flash-Objekt befindet, verschiebt sich auch bei Auflösungswechsel schön brav in die Mitte. Nur das Flash-Objekt scheint da stur zu sein und bleibt immer an einer festen Stelle.

Hier mal meine Codes:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Website</title>
<style type="text/css">
<!--
body {
    background-color: #000317;
    z-index: auto;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--



function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>

<link href="file:///C|/Pfad/zur/CSS/startpage.css" rel="stylesheet" type="text/css">
</head>
<div align="center">
<body onLoad="MM_preloadImages('website_hintergrund.jpg')">
<p>&nbsp;</p>
<div id="website">
  <div><img src="website_hintergrund.jpg" alt="" width="640" height="500" class="website"></div>

<div id="counter">
   <div><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="240px" height="290px" classid="counter">
        <param name="movie" value="file:///C|/Pfad/zum/Film/countdown.swf">
        <param name="quality" value="high">
        <embed src="file:///C|/Pfad/zum/Film/countdown.swf" width="240" height="290" class="counter" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false" WMODE="transparent"></embed>
      </object>
  </div>
</div></div>
</div>
und hier die CSS

Code:
* {
margin: 0;
padding: 0;
}

.website {
                  margin: 30px auto;
    width: 640px;
                  height: 500px;
                  position: relative;
}

.counter {
  width: 240px;
  height: 290px;
  position: absolute;
  left: 250px;
  top: 250px;
  z-index: 1;
}
Könnt ihr mir bitte sagen, was ich falsch mache?

Liebe Grüße Gabi :|
 
Hier ist ertmal ein Fehler:
Code:
<div align="center">
<body onLoad="MM_preloadImages('website_hintergrund.jpg')">
Der body-tag muß über dem div liegen.

Magst du dein Beispiel mal mit Garfiken und swf-Datei hochladen?
 
Im css sprichst du Klassen an.
Im html sind aber nur ids.
html:
Code:
<div id="counter">
css
Code:
.counter {..}
Eine id sprichst du so an:
Code:
#counter {..}
 
Tausend Dank!
Das war es gewesen ... :D
Zuviel Typo3 läßt mich irgendwie nur noch in Klassen denken ...:oops:

Liebe Grüße & einen schönen Abend Dir ... Gabi
 
Zurück
Oben