nicht angemeldet
Ich habe auf meiner Seite http://www.opera-tutorial.de/ zwei Probleme mit meinem Dropdown-Menü. Zum einen sind die Untermenüpunkte nach links verrückt. Ich weiß, woran es liegt aber wenn ich das korrigiere machen anderen Browser damit Probleme. Gibt es da eine Weiche o.ä. für diese Opera-Versionen oder kann ich das an einer anderen Stelle ändern?
Zweitens überdecken die Google-Anzeigen mein Menü, wenn es ausgeklappt ist...
Das Menü basiert auf einem Beispiel aus der Referenz hier. Der Code vom Menü ist:
div#Rahmen {
margin:auto;
padding:.8em;
top:2em;
width:auto
}
div#Rahmen div {
clear:left
}
*html ul#Navigation {
width:42em
}
ul#Navigation {
margin:auto;
max-width:42em;
padding:0;
right:2em;
}
ul#Navigation li {
float:left;
list-style:none;
margin:.4em;
position:relative
}
ul#Navigation li ul {
display:none;
left:0; /* dieser Wert ist für Einrückung verantwortlich */
margin-left:-40px;
position:absolute;
top:1.5em
}
ul#Navigation li:hover ul {
display:block
}
li#menueins {
z-index:20
}
li#menuzwei {
z-index:15
}
li#menudrei {
z-index:12
}
ul#Navigation li ul li {
display:block;
float:none;
left:0;
margin:0;
}
ul#Navigation a {
display:block;
padding:.2em 1em;
width:7.5em
}
Der HTML-Code ist:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Opera Tutorial- Übersicht</title>
</head>
<body>
<div id="Rahmen">
<ul id="Navigation">
<li id="menueins">
<a href="anfang.php" class="liste">Obermenü</a>
<ul>
<li><a href="opera.php">Unterpunkt</a></li>
</ul>
</li>
</ul>
<div></div>
</div>
<div id="inhalt">
<div id="header">
<script type="text/javascript">
//<![CDATA[
<!--
google_ad_client = "pub-12345";
/* 728x15, Erstellt 12.04.08 */
google_ad_slot = "0601107786";
google_ad_width = 728;
google_ad_height = 15;
//-->
//]]>
</script> <script type="text/javascript" src=
"http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Lorem ipsum
</div>
</body>
</html>
Würde mich sehr freuen, wenn jemand Rat weiß.
Danke schonmmal