list item height bei ie7 verschwindet nicht

feinshdens · 4. Juli 2011

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]Bild 3.png[/attachment][attachment=0]Bild 2.png[/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

Nikita · 7. Juli 2011

wieso vergibst du soviele id´s und classen?
die 2. ebene gehört schon in die erste, das is richtig.Möchtest du dass die 2. ebene aufklappt oder soll sie immer angezeigt werden?
ich bin leider grad etwas zu faul nach deinem fehler zu suchen daher post ich dir einfach mal ein Menüe von mir vill findest DU so den fehler oder überdenkst nocheinmal deine struktur des Menüs.

HTML

<html>
<body> 
<link rel="stylesheet" type="text/css" href="vertikal_aufklappbar.css">
 <ul id="NaviVertikal">
    <li><a href="?"><span>punkt1</span></a></li>
    <li><a href="?"><span>punkt2</span></a></li>
    <li><a href="?"><span>punkt3</span></a></li>
    <li>
		<a href="?"><span>punkt4</span></a>
		<ul>
			<li><a href="?"><span>punkt4.1</span></a></li>
			<li><a href="?"><span>punkt4.2</span></a></li>
			<li><a href="?"><span>punkt4.3</span></a></li>
			<li><a href="?"><span>punkt4.4</span></a></li>
		</ul>
	</li>
	<li><a href="?"><span>punkt5</span></a></li>
    <li>
		<a href="?"><span>punkt6</span></a>
		<ul>
			<li><a href="?"><span>punkt6.1</span></a></li>
			<li><a href="?"><span>punkt6.2</span></a></li>
			<li><a href="?"><span>punkt6.3</span></a></li>
			<li>
				<a href="?"><span>punkt6.4</span></a>
				<ul>
					<li><a href="?"><span>punkt6.1.1</span></a></li>
					<li><a href="?"><span>punkt6.1.2</span></a></li>
					<li><a href="?"><span>punkt6.1.3</span></a></li>
					<li><a href="?"><span>punkt6.1.4</span></a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li><a href="?"><span>punkt7</span></a></li>
    <li>
		<a href="?"><span>punkt8</span></a>
		<ul>
			<li><a href="?"><span>punkt8.1</span></a></li>
			<li><a href="?"><span>punkt8.2</span></a></li>
			<li>
				<a href="?"><span>punkt8.3</span></a>
				<ul>
					<li><a href="?"><span>punkt8.1.1</span></a></li>
					<li><a href="?"><span>punkt8.1.2</span></a></li>
					<li><a href="?"><span>punkt8.1.3</span></a></li>
					<li><a href="?"><span>punkt8.1.4</span></a></li>
				</ul>
			</li>
			<li><a href="?"><span>punkt8.4</span></a></li>
		</ul>
	</li>
  </ul>
</body>
</html>

Alles anzeigen

Code

body {margin:0;}
* {margin:0; padding:0;}







#NaviVertikal ul{margin:5px 0 10px 0; list-style-type:none;}
ul li { display: block; margin:5px 20px; list-style-type:none; }
ul li a{}
ul li span{}
ul li ul {display:none;}
ul li:hover ul {display:inline; margin: 5px;}
ul li ul li { margin: 5px 0 0 10px;}
ul li ul li ul {}
ul li ul li ul li {display:none;}
ul li ul li:hover  ul li{display:list-item; margin:5px 0 0 10px;}

Alles anzeigen

vill hilft es dir weiter, vill auch nicht^^
wenn du fragen dazu hast, frag einfach^^

Sarkkan · 7. Juli 2011

Nikita: Wieso verwendest du so viele span?? O.o
Eine Navigation braucht nur folgende Elemente um ordentlich durchgestylt zu werden: <ul>, <li> und <a>.
Außerdem reicht eine id für das <ul> und eine class bei dem "gehiteten" <li>.

Peter:
Der Code den du gepostet hast, passt nicht zu deiner Aussage: "oder möchte jemand sagen, dass das zweite menü nicht in ein list item des ersten gehört?"
In deinem Code bekommt die Unterliste ihr eigenes <li> :wink:
Es gehört aber einfach mit in das <li> zu dem es gehört

feinshdens · 8. Juli 2011

Nikita

Zitat

wieso vergibst du soviele id´s und classen?

macht das cms - jimdo

-----------------------------------------

Sören

Zitat von "sören"

In deinem Code bekommt die Unterliste ihr eigenes <li> :wink:
Es gehört aber einfach mit in das <li> zu dem es gehört

Zitat von "peter1978"

oder möchte jemand sagen, dass das zweite menü nicht in ein list item des ersten gehört?

list item ist doch <li> oder ?

also anders ausgedrückt = "...zweite menu nicht in ein <li> des ersten menüs...."

FAZIT:
der Fehler im ie7 kommt daher, dass das untermenü ein eigenes <li> vom cms zugewiesen bekommt und nicht im <li> des dazugehörigen punktes ausgezeichnet wird ?

äh .. und auch mal ein danke für die gedanken

gruß

Sören · 8. Juli 2011

Daran liegt das wohl.
Du kannst die Art, wie Untermenüs ins Menü eingebunden werden nicht ändern, oder?

PS:

Zitat von "Peter1978"

Sören

Das hab nicht ich, sondern Sarkkan geschrieben :wink:

feinshdens · 8. Juli 2011

Zitat von "sören"

Das hab nicht ich, sondern Sarkkan geschrieben :wink:

uuuuups -> sry

list item height bei ie7 verschwindet nicht

Jetzt mitmachen!

Teilen