horizontale Navigation - Problem mit Zeilenumbruch
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
Code:
.mod_navigation.block li
{
float:left;
}
Gelöst - Horizontale Navigation - Poblem mit Zeilenumbruch
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:
Code:
.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;
}