CSS Pulldown-Menü beinhaltet einen Fehler

Ich kann leider nicht mehr nachvollziehen, was ich geändert habe. Ich finde den Fehler nicht...

Es gibt für meine Entwicklungsseite einen Server, die Seite selbst findet Ihr hier:
http://kupraestivo.dyndns.org/entwicklung

Kann ja mal jemand kucken? Das Problem ist einfach, dass da ein Pulldownmenü weit rechts erscheint, wo es nicht hingehört. Während des "hoverns" steht es dann an der richtigen Stelle.

Vielen Dank im Voraus an alle, die mir weiterhelfen.
Gruß,
TC

Das CSS Skript für das Menü sieht so aus:

#nav, #nav ul {
	list-style: none;
	float: center;
	padding: 10px 0 0 0;
	font-style: normal;
}

#nav li {
	float: left;
	text-align: center;
	background: #002040 url(../images/tab.gif) no-repeat left bottom;
	font-style: normal;
}

#nav a {
	display: block;
	width: 8em;
	padding: 2px 0px 0px 0px;
	margin: 0;
	color: #ddd;
	background: #ad0100 url(../images/tab.gif) no-repeat left bottom;
	font-style: normal;
}

#nav li a:hover {
	background: #999 url(../images/tabhover.gif) no-repeat left bottom;
	color: #000;
	font-style: normal;
}

#nav li ul {
	position: absolute;
	left: 200em;
	height: auto;
	width: 8em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 0;
	background: #002040;
	font-style: normal;
}
 
#nav li li {
	width: 8em;
	line-height: 1.8em;
	text-align: left;
	font-size: 1em;
}
 
#nav li ul a {
	width: 11em;
	text-indent: 5px;
	padding: 0px;
}

#nav li ul a:hover {
	width: 11em;
}
 
#nav li ul ul {
	padding: 0;
	margin: -1.8em 0 0 11em;
}
 
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
	left: 200em;
}
 
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul {
	left: auto;
}
 
#nav li:hover, 
#nav li.sfhover {
	background: transparent;
	color: #FEFFB8;
}

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 95301

Url: https://administrator.de/contentid/95301

Ausgedruckt am: 22.11.2024 um 19:11 Uhr

4 Kommentare

Neuester Kommentar

Moin,

mach mal in Zeile 32 (#nav li ul) das position: absolute weg, dann sollte das passen...

MfG

Danke, fast schon ok. Jetzt sitzt das Menü am Platz, aber es wird schon angezeigt, bevor man draufklickt - kannst ja mal auf der Seite schauen.

Gruß,
TC

Teste mal sowas:

div#nav ul ul, div#nav ul li:hover ul ul, div#nav ul ul li:hover ul ul {
display:none;
}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;
}

Erste Regel blendet das Menü aus, zweite Regel beim "hovern" wieder ein.
damit das auch für Browser < IE7 geht, kannst du die csshover.htc von hier einbinden...

Also irgendwas ist hier arg faul. Ich mache Änderung, mache diese rückgängig, und nichts ist mehr wie es war... was wohl auch der Grund dafür ist, dass das Menü plötzlich falsch ist.
Ich werd hier nochmal wahnsinnig...

Und wie erwartet, da ja die Änderungen so grad garnicht nachvollziehbar sind, macht auch die Integration Deines Textblocks momentan leider keine Änderung - was jedoch sicherlich, es sei betont, nicht an Deinem Skript liegt.

Ich probiere weiter...

Gruß,
TC

PS: meintest Du IE >= 7 ? Es ist Sache von Microsoft, dafür Sorge zu tragen, dass neue Browser dem technischen Stand des alten überlegen sind.

Frage Entwicklung CSS

Heiß diskutiert