Problem mit CSS-Menü und iFrame mit Flash-Inhalt

Status
Nicht offen für weitere Antworten.

wallis

Mitglied
Hallo Leute !

Folgendes Problem:

Ich habe ein Menü aus CSS und im Contentbereich einen iFrame (siehe blaue Markierung).

http://img93.imageshack.us/img93/4084/menuyn3.jpg

Das Menü ist ein Aufklappmenü.
Beim überfahren der Links soll sich dieses Menü nach rechts über den iFrame öffnen.
In meinem Falle liegt das Menü aber "Unter" dem iFrame.

Wie bekomme ich das hin?
Muss ich dem div-Tag des Menüs einen z-index=10000 geben

Achso: In dem iFram befindet sich eine Flash-Bildergalerie. Lächel

Vielen Dank für eure Antworten !

Gruß
WALLi
 
Hi,
Achso: In dem iFram befindet sich eine Flash-Bildergalerie.
gut, dass du das erwähnt hast, denn die Flash-Anwendung ist die Wurzel des Übels, die sich mit einer Schichtpositionierung nicht behandeln lässt :)

Lösung:

  • object-Element
Code:
<object ...>
    <param name="wmode" value="transparent">
</object>
  • embed-Element
Code:
<embed wmode="transparent" ...>
mfg Maik
 
Hi !

Danke für deine Hilfe.
Allerdings weiss ich nicht, wo ich deine Codes eintragen muss...

Mein Code sieht folgendermaßen aus:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Rumberg Witten Slideshow</title>
<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
<script type="text/javascript" src="js/swfobject.js"></script>
</head>

<body>
<div id="wrapper">
     <div id="slideShowSwf">
        <p class="box">Um die Slideshow betrachten zu können benötigen Sie den Adobe Flash Player oder eine aktuellere Version, welche Sie hier downloaden können. </p>
        <p class="box"><a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a></p>
     </div>
    <script type="text/javascript">
   var so = new SWFObject("flash/slideshow.swf", "mymovie", "500", "400", "8", "#ab8961");
   	so.addParam("quality", "best");
	so.addParam("scale", "noscale");
	// Tumbnail Pfadangabe	
	so.addVariable("xmlpfad","flash/bilder.xml");
	// Bild Pfadangabe
	so.addVariable("bilderpfad","images/galerie/");
	
<!-- FARBANGABEN ------------------------ -->
	// Hintergrundfarbe Thumbnailleiste
	// Rotkomponente, Grünkomponente, Blaukomponente, Alpha (-100 bis 100)
	so.addVariable("th_ra", "70");
	so.addVariable("th_ga", "70");
	so.addVariable("th_ba", "70");
	so.addVariable("th_aa", "40");
	// Hintergrundfarbe Bedienelemente
	so.addVariable("bg_ra", "70");
	so.addVariable("bg_ga", "70");
	so.addVariable("bg_ba", "70");
	so.addVariable("bg_aa", "40");
	// Bedienelement Farbe 
	so.addVariable("btn_ra", "100");
	so.addVariable("btn_ga", "100");
	so.addVariable("btn_ba", "100");
	so.addVariable("btn_aa", "100");
	// Bedienelement Trennlinien Farbe
	so.addVariable("line_ra", "80");
	so.addVariable("line_ga", "80");
	so.addVariable("line_ba", "80");
	so.addVariable("line_aa", "100");
	// Hintergrundfarbe Titelleiste
	so.addVariable("bgtitle_ra", "50");
	so.addVariable("bgtitle_ga", "50");
	so.addVariable("bgtitle_ba", "50");
	so.addVariable("bgtitle_aa", "80");
	// Textfarbe obere Titelleiste
	so.addVariable("txttitle_ra", "100");
	so.addVariable("txttitle_ga", "100");
	so.addVariable("txttitle_ba", "100");
	so.addVariable("txttitle_aa", "100");
	// Thumbnail MouseOver Hintergrundfarbe	
	so.addVariable("bgthumb", "0xFFFFFF");
	// Thumbnail Rahmenfarbe	
	so.addVariable("th_border_color", "0xFFFFFF");
	
<!-- ---- FUNKTIONSANGABEN ---------------- -->
	// Navigation einblenden? 
	so.addVariable("menue_visible", "ja");
	// Autoplay (ja/nein)
	so.addVariable("autoplay", "ja");
	// Bewegungsablauf r:Zufall, h:horizontal, v:vertikal,z:Zoom, off:Ausrichtung nach dem Bildformat
	so.addVariable("randomType", "off");
	// Bildskalierungsfaktor zfaktor=1..n
	so.addVariable("zfaktor", "4");
	// Zoomgeschwindigkeit vfaktor=5..100
	so.addVariable("vfaktor", "10");
	//Geschwindigkeit in vertikaler und horizontaler Richtung xyTempo=0,1 .. 4
	so.addVariable("Tempo", "1");
	// Titelleiste fixieren (ja/nein)
	so.addVariable("titel_fix", "nein");
	// Titelleiste sichtbar (ja/nein)
	so.addVariable("titel_visible", "ja");
   so.write("slideShowSwf");
          </script>
  </div>
</body>
</html>
 
Versuch es mal hiermit:

Code:
    <script type="text/javascript">
   var so = new SWFObject("flash/slideshow.swf", "mymovie", "500", "400", "8", "#ab8961");
   	so.addParam("quality", "best");
	so.addParam("scale", "noscale");
        so.addParam("wmode", "transparent");
mfg Maik
 
Hey es geht...

Zwar langsam aber es geht.
Also das Menü ist nicht "so schnell"... Es zieht ein wenig nach.
Kann daran liegen, das die Galerie das Bild ranzoomt wenn sie geladen wurde.

Hast du dafür auch noch eine Idee
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück