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