Tach zusammen,
Ich hab ein kleines probleme was ich irgentwie nicht gelöst habe und zwar verschwindetbei meinem DropDown Menü die Hauptkategorie also wird überlappt von den Unterkategorien
Wenn ich aber unter #menu ul
weg mache dann überlappt es sich nicht schiebt aber den Inhalt des content berreich an die seite.
Gesammter CSS Code:
CSS
#menu ul { list-style-type:none; list-style-image:none; margin:0px; padding:0px; position:absolute;}#menu li.topmenu { float:left;}.topmenu a { float:left; width:110px; text-align:center;}.topmenu ul{ display:none;}.topmenu a, .submenu a{ padding:1px 5px; color:#FFF; font-weight:bold; text-decoration:none; margin:0px; }.submenu a{ font-size:12px; width:110px; background-color:#efc53b; clear:both; /* special IE6 */}#menu a:hover, .topmenu.on a { color:#000000; background-color:#e4941b !important;}.topmenu:hover ul { display:block; z-index:500;}
HTML-Code
Code
<div id="menu"> <ul> <li class="topmenu"> <a href="">Startseite</a> <ul> <li class="submenu"><a href="">Unterpunkt 2.1</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> </ul> </li> <li class="topmenu"> <a href="">Menü 2</a> <ul> <li class="submenu"><a href="">Unterpunkt 2.1</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> </ul> </li> <li class="topmenu"> <a href="">Menü 3</a> <ul> <li class="submenu"><a href="">Unterpunkt 2.1</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> <li class="submenu"><a href="">Unterpunkt 2.2</a></li> </ul> </li> </ul> </div>
#Edit: Kann es ein Admin verschieben? hab ausversehen in den falschen berreich gepostet