✔ Probleme mit CSS-Drop-Down Menü, nur teilweise sichtbar

Status
Nicht offen für weitere Antworten.
L

lili222

Mitglied
Hallo,

ich habe ein Problem mit meinem CSS-DropDown-Menü:

Das Menü ist im Quelltext zwar da wird im Mozilla aber überhaupt nicht angezeigt.
Woran liegt das, suche schon ewig und finde keine Lösung.

Im IE siehts schon einigermaßen besser aus, wenn auch noch nicht optimal:

Fahre ich über die 2. Ebene nach unten verschwindet jeweils der Menüpunkt über den ich gerade mit der Maus war immer.

Außerdem ist das Menü nicht sichtbar, wenn es über eine Inhaltsspalte läuft, ist also nicht sichtbar, weil der Inhalt davor steht!!?

Die Seite wo das Problem auftritt:

http://www.gewamusic.com/typo3cms/links.html

Vielen Dank,

Lili
 
Hi,

vermutlich liegt es an der overflow:hidden-Deklaration für das DIV #nav_main, dass die Submenüs nicht sichtbar werden, denn diese Angabe sorgt dafür, dass der Inhalt abgeschnitten wird, wenn er die vordefinierten Grenzen, in diesem Fall die Höhe des Elements überschreitet.

Aber auch die display:block-Angabe im Selektor #nav_main ul li ul.navi2 ergibt wenig Sinn, wenn das Submenü zunächst nicht sichtbar sein soll.

Übrigens wird in einer CSS-Datei das <style>-Tag nicht angegeben.
 
Dankeschön, das hat mir schon mal sehr weiter geholfen: Nun noch folgendes Problem im Mozilla. Beim Element current kann ich nur bis zum aktiven Menüpunkt in der 2. Ebene. Menüpunkte darunter sind nicht erreichbar.
Woran liegt das?
 
Ich tippe mal auf das Flash-File.

Lösung:

Code: 
<embed wmode="transparent" src="fileadmin/gewamusic.com/swf/ani_right.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="180" height="372"></embed>
oder

Code: 
<embed wmode="opaque" src="fileadmin/gewamusic.com/swf/ani_right.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="180" height="372"></embed>
 
Weiterhin gibt es im IE noch folgende Probleme:

Fahre ich über die 2. Ebene nach unten verschwindet jeweils der Menüpunkt über den ich gerade mit der Maus war immer.

Und es werden noch nicht alle Menüpunkte bei Button 1 und 2 angezeigt, also wieder dort, wo Inhalt "drüber" ist ?
 
lili222 hat gesagt.:
Und es werden noch nicht alle Menüpunkte bei Button 1 und 2 angezeigt, also wieder dort, wo Inhalt "drüber" ist ?
Zum Vergrößern anklicken....
Versuch es mal mit einer Schichtpositionierung:

Code: 
#nav_main {
	position: relative;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin-bottom:0px;
	z-index:1000;	
	}
 
Ihr seid klasse.

Nun nur noch eins: Im IE ist beim Hover keine "Hand". ich habe das nun erzwungen mit cursor: pointer;
aber ist das der richtige Weg?

Vielen vielen Dank,

habe viel dazu gelernt!
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück