Hallo zusammen
Ich habe leider ein Problem mit einem Dropdownmenü und zwar: Das dritte und vierte Untermenü wird nicht auf der selben Höhe wie der übergeordnete Menüpunkt dargstellt sondern ganz zu oberst. Ich habe versucht mit position absolute es auf die gleiche Höhe zu bringen aber bin leider gescheitert.
Könnt ihr mir vielleicht helfen? Hier wäre noch mein CSS Code.
Code:
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li { list-style: none; float: left; }
#menu ul li a:link, #menu ul li a:visited { display: block; height: 25px; line-height: 25px; }
/* 1st */
#menu ul li ul { margin-top: 25px; display: none; background-color: #232323; }
#menu ul li:hover > ul { display: block; position: absolute;}
#menu ul li:hover > ul li{ float: none; list-style: none; }
#menu ul li > ul li a:link, #menu ul li > ul li a:visited { width: 170px; display: block; height: 25px; line-height: 25px; }
/* 2nd */
#menu ul li > ul li ul { margin-top: 0px; display: none; margin-left: 186px; background-color: #232323; }
#menu ul li > ul li:hover > ul { display: block; position: absolute;}
#menu ul li > ul li:hover ul li { float: none; list-style: none; position: relative; }
/* 3rd */
#menu ul li > ul li ul li > ul { display: none; }
#menu ul li > ul li ul li:hover > ul { display: block; position: absolute;}
#menu ul li > ul li ul li:hover > ul li { float: none; list-style: none; position: relative; }
Vielen Dank und liebe Grüsse!