Hallo allerseits,
ich habe ein kleines Problem und versuche nun schon seit einer Weile, daß selbst in den Griff zu bekommen. Leider vergeblich ...[Blockierte Grafik: http://www.html.de/images/smilies/icon_cry.gif]
Im Dreamweaver möchte ich 2 Objekte ausrichten. Ein Bild im Hintergrund zentriert 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. Dieses soll sich am Bild ausgerichtet natürlich mit verschieben.
Hier mal meine Codes:
<!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> </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 die dazugehörige CSS:
* {
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 da falsch läuft? Warum verschiebt sich Bild im Hintergrund bei anderer Auflösung richtig, aber das darüberliegende Flash-Objekt nicht?
Liebe Grüße Gabi