Ich habe vier Menüpunkte (Code ist unten angehängt.)
Springe ich z.B. vom 4. auf den 3. Punkt, springt die Navigation mit dem ganzen Wrapper
etwa 8px nach rechts. Das hängt auf jeden Fall auch mit Browser-Zoom zusammen. Ist die Seite größer gezoomt, tritt der Fehler nicht auf.
An was kann das liegen? Hat das jemand schon mal erlebt?
Ich bin ziemlich verzweifelt.
Es liegt nicht daran, dass die Seiten oder Grafiken so voll sind.
Vielen Dank schon mal.
#header .mod_navigation {
width:960px;
top:225px;
position:absolute;
overflow:hidden;
margin:0;
background-color:#94b95f;
font-family:"Lucida Sans","Lucida Grande",Verdana,Arial,sans-serif;
}
#header .mod_navigation ul {
margin:0;
padding:0;
list-style-type:none;
background: #fcf;
}
#header .mod_navigation li {
width:130px;
float:left;
margin:0;
padding:0;
text-align:center;
list-style-type:none;
background: #ccc;
}
#header .mod_navigation a,
#header .mod_navigation a:link,
#header .mod_navigation a:visited,
#header .mod_navigation a:focus {
display:block;
padding:8px 0;
border-right:1px solid #fff;
font-size:1em;
text-decoration:none;
color:#94b95f;
}
#header .mod_navigation a:hover {
color:#26A3CF;
background:url(/files/fM_k0001/images/glossy-nav-hover.png) repeat-x top left;
}
#header .mod_navigation li.active {
width:130px;
padding:8px 0;
font-size:1em;
color:#eee;
list-style-type:none;
background:url(/files/fM_k0001/images/glossy-nav-hover.png) repeat-x top left;
}
#header .mod_navigation .trail a {
width:120px;
padding:8px 0;
font-size:1em;
color:#26A3CF !important;
background:url(files/fM_k0001/images/glossy-nav-hover.png) repeat-x top left;
}
Lesezeichen