Sophia: Flash-Objekt in Firefox nicht anwählbar

Beitrag lesen

SELF-Forum

Flash-Objekt in Firefox nicht anwählbar

Sophia
– Informationen zu den Bewertungsregeln

Hallo allerseits,
dies ist mein erster Beitrag in einem Forum und ich hoffe ich werde allen Ansprüchen gerecht..

Mein Problem ist folgendes:
Ich habe einen Play-Button auf meine Website eingebaut der aber leider keine Musik abspielt, wenn man drauf klickt. Der Button ist eine Shockwave-Flash-Applikation (mit der ich mich leider - noch - nicht auskenne)...

Ach ja und noch 2 Dinge:
1. In Safari geöffnet, gibt es kein Probleme mit dem Button.
2. Wenn ich das DIV mit der ID "play sound" z.B. weiter nach rechts schiebe, kann man es anklicken und es funktioniert auch in Firefox...
3. Wenn ich den z-index des DIVs mit der ID "play sound" auf 999999 setze, kann man es trotzdem nicht anklicken..

Ich hoffe der Code reicht soweit, ansonsten sagt mir bitte Bescheid was ihr genau braucht!

HIER DER HTML-CODE:

  
<body>  
  
<div id="wrapper">  
  
<div id="content">  
  
		<h2>Der Show-Mittschnitt</h2>  
  
		  
		<div id="einleitung"><p>Die DVD zur Show.</p></div>  
		  
		<div id="inhalt">  
			  
			<div id="v_mitschnitt"> <iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/cOXoshXJq-M?rel=0&autohide=1&autoplay=1&controls=0&loop=1&playlist=cOXoshXJq-M&showinfo=0" frameborder="0" allowfullscreen></iframe> </div>	  
			  
  
			<div id="play_sound"> <object type="application/x-shockwave-flash" data="audio/emff_easy_glaze.swf" width="32" height="32">  
 				<param name="movie" value="audio/emff_easy_glaze.swf" />  
  
 				<param name="FlashVars" value="src=audio/mitschnitt/Jonglage.mp3" />  
			</object> </div>  
			  
		  
			<div id="tv"></div>  
  
			<div id="gleichung"><img src="images/leistungen/mitschnitt/gleichung.png" width="550" height="105" alt="eine einfache Gleichung - schaumal plua circus soluna gleich glücklich" /></div>  
  
			<div id="kamera"><img src="images/leistungen/mitschnitt/Kamera.png" width="180" height="230" alt="eine Videokamera" /></div>  
  
			<div id="mehr_infos">  
				<p>... mehr Infos gibt es unter:</p></div>  
  
			<div id="schaumal_logo"><a href="http://www.schaumal.biz" target="_new"><img src="images/leistungen/mitschnitt/schaumal-Logo.png" width="200" height="84" alt="das Schaumal!-Logo" /></a></div>  
  
		</div>  
		  
		<div id="platzhalter"></div>  
	  
</div>  
	  
<div id="footer"></div>  
  
</div>  
  
</body>

HIER DER CSS-CODE:

  
@charset "UTF-8";  
  
body {  
	margin-left: 0px;  
	margin-top: 0px;  
	margin-right: 0px;  
	margin-bottom: 0px;  
	font-family: 'Nobile', arial, serif;  
	color: #326699;  
	background-color: #FFF;  
	background-image: url(../images/main/Sterne.gif);  
	background-repeat: no-repeat;  
	background-position: center 8px;  
}  
  
a:link {  
	text-decoration: none;  
	outline: none;  
	border: none;  
}  
  
a:visited {  
	text-decoration: none;  
	outline: none;  
	border: none;  
}  
  
a:hover {  
	text-decoration: none;  
	outline: none;  
	border: none;  
}  
  
a:active {  
	text-decoration: none;  
	outline: none;  
	border: none;  
}  
  
a:focus {  
	text-decoration: none;  
	outline: none;  
	border: none;  
}  
  
#content a:link {  
	text-decoration: none;  
	outline: none;  
	border: none;  
	color: #FFF;  
}  
  
#content a:visited {  
	text-decoration: none;  
	color: #FFF;  
	outline: none;  
	border: none;  
}  
  
#content a:hover {  
	text-decoration: none;  
	color: #FFF;  
	outline: none;  
	border: none;  
	font-weight: bold;  
}  
  
#content a:active {  
	text-decoration: none;  
	color: #FFF;  
	outline: none;  
	border: none;  
}  
  
#content a:focus {  
	text-decoration: none;  
	color: #FFF;  
	outline: none;  
	border: none;  
	font-weight: bold;  
}  
  
#wrapper {  
	width: 940px;  
	margin-left: -470px;  
	position: absolute;  
	left: 50%;  
	margin-top: 30px;  
	top: 0px;  
}  
  
#header h1 {  
	background-image: url(../images/main/logo.gif);  
	height: 61px;  
	background-repeat: no-repeat;  
	text-indent: -9999px;  
	margin: 0px;  
	padding: 0px;  
}  
  
#content {  
	background-image: url(../images/main/schatten.gif);  
	background-repeat: repeat-y;  
	padding-top: 60px;  
	padding-right: 12px;  
	padding-bottom: 10px;  
	padding-left: 12px;  
}  
  
#content h2 {  
	font-size: 16px;  
	color: #326699;  
	margin-left: 30px;  
}  
  
#content p {  
	font-size: 14px;  
	margin-left: 35px;  
	margin-right: 35px;  
}  
  
#footer {  
	background-image: url(../images/main/footer.jpg);  
	background-repeat: no-repeat;  
	height: 183px;  
}  
  
img {  
	border-top-style: none;  
	border-right-style: none;  
	border-bottom-style: none;  
	border-left-style: none;  
}  
  
#menu-sterne {  
	position: absolute;  
	z-index: 0;  
}  
  
.fett {  
	font-weight: bold;  
}  
  
.rot {  
	color: #CF3C20;  
}  
  
#platzhalter {  
	height: 210px;  
}  
  
#einleitung {  
	/* [disabled]width: 620px; */  
}  
  
#inhalt {  
	height: 400px;  
}  
  
#v_mitschnitt {  
	position: absolute;  
	height: 390px;  
	width: 640px;  
	left: 114px;  
	top: 382px;  
	z-index: 1;  
}  
  
#play_sound {  
	position: absolute;  
	z-index: 4;  
	left: 680px;  
	top: 636px;  
	height: 32px;  
	width: 32px;  
}  
  
#tv {  
	position:absolute;  
	left:21px;  
	top:321px;  
	width:900px;  
	height:548px;  
	z-index:2;  
	background-image: url(../images/leistungen/mitschnitt/TV.png);  
	background-repeat: no-repeat;  
}  
  
#gleichung {  
	position: absolute;  
	z-index: 3;  
	height: 105px;  
	width: 550px;  
	left: 199px;  
	top: 287px;  
}  
  
#kamera {  
	position: absolute;  
	height: 230px;  
	width: 180px;  
	left: -16px;  
	top: 665px;  
	z-index: 3;  
}  
  
#mehr_infos {  
	position: absolute;  
	z-index: 3;  
	height: 58px;  
	width: 277px;  
	left: 504px;  
	top: 853px;  
}  
  
#schaumal_logo {  
	position: absolute;  
	z-index: 3;  
	height: 84px;  
	width: 200px;  
	left: 733px;  
	top: 813px;  
}

Herzlichen Dank,
Sophia

Beitrag melden
–
Informationen zu den Bewertungsregeln