horizontale Navigation - Problem mit Zeilenumbruch

[eddifuh]

Hallo,

ich habe ein Problem mit meiner horizontalen Navigation, sobald ich das Browserfenster verkleinere werden die Navigationspunkte umgebrochen. Eigentlich sollte ein Scrollbalken auftauchen.
Bei meiner Fehlersuche, habe ich die CSS Datei schon auf das nötigste reduziert, ohne Erfolg, die Div's sind auch geschlossen. Keine Ahnung woran es liegt, vielleicht hat ja jemand eine Idee oder Lösung.

Thanx

.mod_navigation.block li
{
	float:left;
}

[totoff]

hmm, sind ein bisschen mager deine angaben. hast du einen link, wo man die sache mal anschauen kann?

für den moment: hast du mit firebug geprüft, ob dein li überhaupt angesprochen wird von deinem css? und: du brauchst die klasse .block nicht aufnehmen. es reicht .mod_navigation li um die entsprechenden list items anzusprechen. entferne mal das .block.

grüße

[MacKP]

Da die Navigationspunkte keine feste Breite haben werden die so schmal wie es eben geht... Also gib denen einfach eine Breite. Das geht auch wenn du dem ganzen ul ne feste Breite gibst.

Viele Grüße

[eddifuh]

Danke für die schnelle Antwort. ul mit fester Breite war die Lösung.

Wenn noch jemand interesse hat, wie man eine horizontale Navigation zentriert, hier ist meine Lösung:

.mod_navigation
{
	width:100%;
	float:left;
	clear:both;
	overflow-x:hidden;
	overflow-y:hidden;
}
.mod_navigation ul
{
	left:50%;
	position:relative;
	float:left;
	margin:0 auto;
	padding:0;
	width:960px;
}
.mod_navigation li
{
	right:50%;
	position:relative;
	float:left;
	margin:10px 0 0;
	list-style-type:none;
}
.mod_navigation a
{
	display:block;
	padding-right:6px;
	padding-left:6px;
	font-weight:normal;
	text-decoration:none;
	font-size:14px;
	color:#89B0c4;
}
.mod_navigation a:hover
{
	text-decoration:none;
	color:#ffffff;
}
.mod_navigation li.active
{
	padding-right:6px;
	padding-left:6px;
	font-weight:normal;
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
}
/* Home Button */
.mod_navigation .active.kkhome.first,
.mod_navigation a.kkhome.first
{
	width:250px;
	height:47px;
	font-size:0px;
	background:url("tl_files/bilder/header/kk_logo.png") center center no-repeat;
}
/* Login Button */
.mod_navigation a[title~="LOGIN"]
{
	width:42px;
	height:22px;
	margin:-3px 0 0;
	font-size:0px;
	background:url("tl_files/bilder/header/button_top_login.png") center center no-repeat;
}
/*Logout Button*/
.mod_navigation a[title~="LOGOUT"]
{
	width:50px;
	height:22px;
	margin:-3px 0 0;
	font-size:0px;
	background:url("tl_files/bilder/header/button_top_logout.png") center center no-repeat;
}