folgendes:
menü mit zweiter ebene
zweites menü mit "absolute" positioniert - erstes mit "relative"
jetzt bleibt der platz des "li" in dem die zweite menü ebene ist
wenn ich "list-style" none setze nehmen alle UA ausser ie7 die höhe weg und der folgende punkt kann aufschliessen
um mein nächtliches wirren verständlicher zu machen hier noch bilder ^^[attachment=1]<!-- ia1 -->Bild 3.png<!-- ia1 -->[/attachment][attachment=0]<!-- ia0 -->Bild 2.png<!-- ia0 -->[/attachment]
und das letzte sieht doch schon super aus
nur der liebe ie7
oder möchte jemand sagen, dass das zweite menü nicht in ein list item des ersten gehört?
dann ist das cms wohl eher..
vll habt ihr ja eine idee
gn8 noch und guten schlaf
gruß
EDIT
noch ein passender code
HTML:
Code
<ul class="mainNav1" id="mainNav1">
<li id="cc-nav-view-965999510">
<a class="level_1" href="/app/s0d33166ecb82edb0/p33de1be2fe03af96/"><span>Startseite</span></a>
</li>
<li id="cc-nav-view-965999610">
<a class="level_1" href="/app/s0d33166ecb82edb0/pe88ffd684e2c9c9b/"><span>Über mich</span></a>
</li>
<li id="cc-nav-view-965999710">
<a class="level_1" href="/app/s0d33166ecb82edb0/p27bcc2a09229ef31/"><span>Galerie</span></a>
</li>
<li id="cc-nav-view-966000110">
<a class="current level_1" href="/app/s0d33166ecb82edb0/p9d1f6cdce08ce814/"><span>Kontakt</span></a>
</li>
<li>
<ul class="mainNav2" id="mainNav2">
<li id="cc-nav-view-971132910">
<a class="level_2" href="/app/s0d33166ecb82edb0/pe32c92c2764edf1f/"><span>Anfahrt</span></a>
</li>
<li id="cc-nav-view-971133210">
<a class="level_2" href="/app/s0d33166ecb82edb0/paf147b354aa04b8f/"><span>Impressum</span></a>
</li>
</ul>
</li>
<li id="cc-nav-view-971136410">
<a class="level_1" href="/app/s0d33166ecb82edb0/p94b479475b1407d9/"><span>Neue Seite_1</span></a>
</li>
</ul>
Alles anzeigen
CSS:
Code
div#navigation ul.mainNav1 {
position: relative;
background: #CCCCCC;
width: 120px;
margin-left: 20px;
padding: 0 20px;
list-style: disc;
}
div#navigation ul.mainNav1 li
{
}
ul.mainNav1 ul.mainNav2
{
background: transparent;
position: absolute;
top: 0;
left: 150px;
width: 170px;
}
ul.mainNav1 ul li {
font-size: 10px;
display: inline;
margin: 0;
padding: 5;
}
Alles anzeigen