[fogel]

Hallo zusammen,

hab auf meiner Webseite http://bbfun.de ein Drop-Down Menü mit CSS eingefügt .. leider wird das Menü im ausgeklappten Zustand von Adsense oder auch Flashs überlagert.

Weiss jemand wir ich es anstelle, dass das Menü über allem anderen liegt?

Hier mal ein Auszug ausm Quellcode:

 <style type="text/css">
a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}

#nav { height:15px; font:normal 12px/18px arial, verdana, sans-serif; width:122px; margin:0 auto;}
#nav ul {margin:0; padding:0; list-style:none; display:inline-block;}
#nav .menu .level1-li {float:left; display:inline; width:122px; margin-top:-32000px;padding-right:1; }
#nav .menu a {display:block; width:122px; text-decoration:none; text-align:center; color:#000000;}
#nav .menu a.level1-a {background:#BBC4D0; position:relative; float:left; display:inline; margin-right:-121px; margin-top:32000px;}
#nav .menu .sub {background:#8696B4; float:left; margin-top:-18px; padding-top:18px; margin-bottom:-32000px;}
#nav .menu .sub a {background:#B5BECC; position:relative; margin-right:-1px; padding-top:1px;}
#nav .menu a:hover,
#nav .menu a:focus,
#nav .menu a:active {background:#8696B4; margin-right:0;}
#nav .menu .fettu {font-weight:bold; text-decoration:underline}
	  </style>

<div id="nav">
			<ul class="menu">
			  <li class="level1-li"><strong><a class="level1-a" href="#url">BBfun Chat</a> </strong>
					  <ul class="sub">
			  <li><a href="http://bbfun.de/modules.php?name=chat">Web-Chat</a></li>
			<li><a href="irc://irc.iZ-smart.net/bigbrother">Chatte mit Mirc</a></li>
					  </ul>
			  </li>
			</ul>
		  </div>

[Tienchen]

Auch wenn das Template nur so vor Fehlern strotzt: http://validator.w3.org/check?verbose=1&am...F%2Fbbfun.de%2F
margin-top:32000px

Probiere einmal bei #nav .menu u.ä. (keine Ahnung wie bei dem Menü Dropdown genau funktioniert) einen "z-index:1000;" in das CSS mitaufzunehmen. Wenn es nicht klappt, den Wert höher schrauben. Allerdings wird es generell spannend, wer welchen Browser benutzt...

[fogel]

Merci für den Hinweis .. jetzt klappts richtig .. im wahsten Sinne

[fogel]

Mist .. nochn Problem mit dem Menü .. nur beim FF:

Links, die über dem Menü liegen lassen sich nicht mehr anklicken .. ich bin am verzweifeln.

Dieser Beitrag wurde von fogel bearbeitet: 18. Januar 2010 - 17:11

[Tienchen]

Ich kann dir hier nicht wirklich helfen, keine Ahnung woran es liegt. Und da ja wie gesagt das Template (und die CSS erst...) nur so vor Fehler strotzen, würde ich hier erst einmal etwas für Ordnung sorgen, normalerweise lösen sich dann solche Fehler wie die oben auch gleich mit...

Dieser Beitrag wurde von Tienchen bearbeitet: 18. Januar 2010 - 18:38

[OskarMRz]

Hi. Damit du solche Probleme mit einer CSS-Datei laufend beim Ansehen beheben kannst, empfehle ich dir Firebux für Firefox. Damit kannst du live die CSS-Datei verändern.

[fogel]

Zitat (OskarMRz: 18.01.2010, 20:50)

Hi. Damit du solche Probleme mit einer CSS-Datei laufend beim Ansehen beheben kannst, empfehle ich dir Firebux für Firefox. Damit kannst du live die CSS-Datei verändern.

Hmm .. das hier: https://addons.mozil...efox/addon/7451

[Tienchen]

Zitat (fogel: 18.01.2010, 23:48)

Hmm .. das hier: https://addons.mozil...efox/addon/7451

Nein, er hat sich verschrieben... Firebug heißt es. http://getfirebug.com/
Zudem dazu noch die Webdeveloper Toolbar https://addons.mozil...irefox/addon/60 und schon kann nicht mehr viel schiefgehen.