15187
Goto Top

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;
}

Content-Key: 95301

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

Printed on: April 19, 2024 at 23:04 o'clock

Member: wakko
wakko Aug 26, 2008 at 08:23:53 (UTC)
Goto Top
Moin,

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

MfG
Mitglied: 15187
15187 Aug 26, 2008 at 08:29:22 (UTC)
Goto Top
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
Member: wakko
wakko Aug 26, 2008 at 08:47:59 (UTC)
Goto Top
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...
Mitglied: 15187
15187 Aug 26, 2008 at 09:45:58 (UTC)
Goto Top
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... face-sad

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.