Opera-Probleme mit Dropdown-Menü

[psx]

Ich habe ein Menü welches beim Drüberfahren über einen Button von oben ausklappt.

Wie es Menüs so an sich haben die ausklappen, verdeckt es Teile des Inhalts - Normalerweise - zumindest im IE und Firefox. Im Opera jedoch seht man den Inhalt der drunter liegt durch.... Weiß jemand eine Abhilfe?

Dropdown:

<div id="dropdown1" onmouseover="ShowHide('dropdown1','visible');" onmouseout="ShowHide('dropdown1','hidden');" style="visibility:hidden">

CSS

div#dropdown1 {
	position: relative;
	float: left;
	top: -12px;
	width: 140px;
	color: black;
	text-align: left;
	background: #DDD;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	border: 1px solid #000;
	display: block;
	font-size: 15px;
	font-weight: bold;
	left: 10px;
	height: 49px;
}

Das nächste Problem ist dass das Menü in Opera/Firefox kleiner ist als in IE was sehr schlecht ist...

 

[Maik]

Wie es Menüs so an sich haben die ausklappen, verdeckt es Teile des Inhalts - Normalerweise - zumindest im IE und Firefox. Im Opera jedoch seht man den Inhalt der drunter liegt durch.... Weiß jemand eine Abhilfe?

Das der darunterliegende Inhalt sichtbar ist / durchscheint, liegt an der verwendeten Transparenz opacity für das Menü ;-]

 

[psx]

Opera unterstüctzt aber keine Transparenz ;-] Außerdem "scheint" es nicht durch sondern der Text liegt irgendwie drüber...

Die Transparenz kann außer acht gelassen werden, auch ohne passiert das Selbe

 

[Maik]

Dann versuche es mal mit einem höheren z-index für das Menü:

div#dropdown1 {
	position: relative;
	float: left;
	top: -12px;
	width: 140px;
	color: black;
	text-align: left;
	background: #DDD;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	border: 1px solid #000;
	display: block;
	font-size: 15px;
	font-weight: bold;
	left: 10px;
	height: 49px;
	z-index: 2;
}

#inhalt { z-index: 1; }

 

[psx]

Hab ich schon versucht, hat aber keine Auswirkung...

 

[Maik]

Kannst du bitte den kompletten Quelltext der Seite posten bzw. die Seite online stellen?

Mit welcher Opera-Version arbeitest du bzw. hast du die Seite getestet?

Thanx 4 Infos ;-]

 

[psx]

http://www.promise-aurora.de

Die aktuellste Opera-Version.

 

[Maik]

Mir ist in deinem HTML-Source folgender Fehler aufgefallen:

<table border='0px' cellpadding='0px' cellspacing='0px' width='800px' class="top">

bzw.

<table border='0px' cellpadding='0px' cellspacing='0px' width='800px' class="content">

Entferne mal die px-Einheiten aus den Attributen.


Wenn es mit z-index nicht funktioniert, dann weiss ich für das Opera-Problem auch keine Lösung, sorry