[CrazyLexx]

Hallo zusammen,

habe folgendes CSS Dropdown Menü in eine Seite eingebunden:

Beispielseite

Direkt in dem Bereich unter dieser Navigationsleiste soll nun ein Werbebanner angezeigt werden. Dies funktioniert auch so lange problemlos, bis durch den Werbepartner ein Flash-Banner ausgegeben wird. In dem Fall verschwindet das Dropdown Menü plötzlich HINTER dem Flash-Werbebanner.

Habe schon versucht (leider vergeblich), mit folgender Struktur und verschiedenen z-index Werten das Problem zu beseitigen:

<div style="position:static;z-index:2;">
Code für Navigationsleiste
<div style="position:relative;z-index:1;">
Code für Werbebanner
</div>
</div>

Die Navigationsleiste selbst erhält dann durch das CSS File nochmal zusäzliche z-index Werte, die dann Aussehen und Positionierung der Submenüs bestimmen. Diese z-index Werte liegen dann aber alle ÜBER 5, sodass es daran eigentlich auch nicht liegen kann...

Jemand einen Vorschlag?

Danke,
TOM

[Diewie]

Gleiches Problem, wie bei den Videos in diesem Thread: Html Hinter Videoobjekt
Bei den Links sind auch Tricks für Flash dabei.

Gruß,
Stefan

[CrazyLexx]

Ok, werde ich mir mal durchlesen. Das interessante an meinem Problem ist aber gerade, dass das Menü nicht von JEDEM Flashbanner verdeckt wird. Konnte da bislang noch keine Regelmässigkeit entdecken...

EDIT: Den "wmode" kann ich ja leider nicht auf "transparent" setzen, da der Banner dynamisch durch den Code des Werbepartners eingebunden wird. Außerdem ist das Problem NICHT auf den Internet Explorer beschränkt sondern tritt auch beim FF auf.

Dieser Beitrag wurde von CrazyLexx bearbeitet: 06. Juli 2008 - 21:29

[Diewie]

Ja, das liegt am Flashplayer und nicht am Browser. Du hast wohl zwei Möglichkeiten: Dem Werbeanbieter schreiben, ob das nicht eingefügt werden kann oder zweitens Menü umbauen oder Werbebanner anders platzieren.

[CrazyLexx]

Ich habe von jemand den Tipp bekommen, dass es offenbar wirklich an dem fehlenden "transparent" Tag bei den Flashbannern liegen kann. Als mögliche Lösung bin ich dann auf die Javascript Library jQueryverwiesen worden.

Um die fehlenden Attribute einfügen zu lassen, soll ich dann so einen ähnlichen Code verwenden:

$(window).load(function () {
	$('param').attr('wmode', 'transparent');
	$('object').attr('wmode', 'transparent');
});

Kann mir jemand vielleicht erklären, wie genau ich das einbinden kann? Was passiert denn, wenn es sich bei dem angezeigten Banner NICHT um ein Flashapplet sondern eine normale GIF oder JPEG Datei handelt?

[Diewie]

Wie werden die Banner eingebunden?

Dein Code fügt bei jedem param- und object-tag das Attribut wmode="transparent" ein. Das ist jedoch nicht die Lösung des Problems, denn du musst:

1. Bei object-tags diesen param hinzufügen:

<param name="wmode" value="transparent">

Hier findest du Beispiele dazu, wie du das mit jQuery machen könntest: http://malsup.com/jquery/media/

2. Bei embed-tags folgendes Attribut einfügen:

wmode="transparent"

also müsste dein JS dafür z.B. lauten:

$("embed").attr({wmode: "transparent"});

siehe http://docs.jquery.com/Attributes/attr

Normale Bilder (img-tags) werden durch diesen Code garnicht berührt, also bräuchtest du keine weitere Unterscheidung.

Gruß,
Stefan

[CrazyLexx]

Zitat (Diewie: 07.07.2008, 17:24)

Wie werden die Banner eingebunden?

Haben folgenden Code von dem Werbepartner erhalten:

<script language="javascript" src="http://media.fastclick.net/w/get.media?sid=46027&m=1&tp=5&d=j&t=n"></script>
<noscript><a href="http://media.fastclick.net/w/click.here?sid=46027&m=1&c=1" target="_blank">
<img src="http://media.fastclick.net/w/get.media?sid=46027&m=1&tp=5&d=s&c=1"
width=728 height=90 border=1 vspace=0></a></noscript>