firefox menü überlappt

[frankn]

Hallo liebe Community,

meine erste Frage hier im Forum ist zugleich eine ziemlich banale, hoffe ich zumindest einmal.

Ich habe ein eigenes Template eingebunden, dass funktioniert auch soweit alles, nur das Menü unter Firefox bereitet Probleme,
denn wenn es mehr Menüpunkte werden, also z.b. in der zweiten Ebene, wird das Menü nicht "länger" , legt die neuen Punkte über die bisherigen, so dass man quasi 2 bis 3 Ebenen an Links bekommt. Allerdings nur im Firefox.

Anbei findet Ihr den Code aus dem css - vielleicht liegt ja hier das Problem:

#sidebar {
	clear:left;
	float:left;
	width:250px;
	position:relative;
	top: 10px;
	left:0px;
	font-family: Arial;
	font-style: bold;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: px;
	}

#sidebar ul {
	list-style-type:none;
	width: 250px;
	}
#sidebar li {
	background-color: #002060;
	font-size: 14px;
	padding-left: 10px;
	font-weight: bold;
	font-family: Arial;
	height:30px;
	line-height:30px;
	}
#sidebar li a {
	display:block;
	height:30px;
	line-height:30px; /*30*/
	color:#FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #002060;
	}
#sidebar li a:hover {
	background:#002060;
	color:#FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	}

Für etwaige Hilfe möchte ich mich schon einmal bedanken!

Gruß,
Frank.



Achso, eine weitere Frage hätte ich noch,
ist es mit typolight auch möglich einen Text anzeigen zu lassen und dann mit z.b. 3 Einträgen im Menü immer an eine bestimmte stelle in diesem langen Text zu springen? WEnn das möglich wäre, wie ist das umzusetzten?

Vielen Dank schon einmal im Vorraus!

[Antipitch]

Hi frankn,
Frage 1:

vielleicht liegt ja hier das Problem

ja, um genau zu sein hier:

#sidebar li {
...
height:30px;
...
}

Frage 2:
Nein, jedenfalls nicht als einige Links (unter weiteren) als Teil einer vom System generierten Seiten-Navigation. Es gibt normale Anker Elemente, oder evtl. ist das Modul Artikelliste etwas für dich...


cheers
Antipitch

[frankn]

Danke für die schnelle Antwort - jetzt bin ich aber im Newbieforum(zurecht!), soll ich das jetzt entfernen? bzw. warum ist das der Fehler?

Danke schonmal für die erste Antwort!

Mfg Frank

[Antipitch]

Hi Frank,

jetzt bin ich aber im Newbieforum(zurecht!), soll ich das jetzt entfernen?

nein, alles gut.

Wenn du deinen li 30p Höhe gibst, verdammst du alle vertikalen Subnavigationslisten dazu, da rein zu passen. Denn diese liegen ja (soweit vorhanden) in einem übergeordneten li. Gib lieber den a bzw. für active-Zustände den span eine Höhe...


cheers
Antipitch

[frankn]

Hallo,

also, was mich nachdenklich stimmt ist folgendes, also mein Menü hat n-Unterpunkte in der ersten Menüebene, da wird auch alles korrekt angezeigt, klicke ich jetzt aber beispielsweise auf den 3 Menüeintrag, erscheint ab dem Punkt i, den ich aktuell geklickt hatte alle unterpunkte ab i+1, aber das menü bleibt nur n lang und auch in der Höhe tut sich nix, ich habe jetzt mal versucht deinen Tip umzusetzten, aber beim Firefox ist leider nichts zu bemerken, was diese "überlappungen" angeht, im prinzip will ich ja, dass das menü ein paar mehr "boxen" hinzufügt und diese füllt. Bei opera und im IE funktioniert das auch tadellos - nur halt nicht im firefox...hab ich vielleicht noch etwas übersehen, im wald vor lauter bäumen?

Sorry schonmal für die vielen Rückfragen -

Gruß,
Frank

[Antipitch]

Hi Frank,
das hier

#sidebar {
...
padding-left: px;
...
}

könntest du nochmal korrigieren. Ansonsten kann ich da so nichts erkennen. Gibts noch andere CSS Anweisungen, die sich auf deine Navi auswirken könnten. Oder sonst poste mal deinen HTML Code (nur den der Navi).


cheers
Antipitch