Hallo Maik,
versuch mal deinen Suckerfish-Kram gegen das hier auszutauschen. Ich bin von meinem ausgegangen, hab in etwa dein Design aufgelegt und entschlackt.
Code:
#suckerfish {
position: static;
width: auto;
background: #0b3e8c url(tl_files/Layout/nav.png) repeat-x left center;
}
#suckerfish ul,
#suckerfish li,
#suckerfish .submenu {
margin: 0;
}
* html #suckerfish { zoom: 0; }
* html #suckerfish { z\oom: 1; }
#Kopf-Navi .inside {
position: static;
}
#suckerfish li li {
background: #0b3e8c;
}
#suckerfish ul {
z-index: 9999;
padding: 0;
margin: 0;
list-style: none;
}
#suckerfish li ul ul {
margin: -30px 0 0 250px; /* height 0 0 width */
}
#suckerfish a,
#suckerfish span {
display: block;
text-align: center;
padding: 0 10px;
border-right: 1px solid #1960e3;
border-bottom: 1px solid #1960e3;
width: 229px; /* width minus padding minus border */
line-height: 29px; /* height minus border */
font-size: 13px;
color: #fff;
font-weight: bold;
text-decoration: none;
}
#suckerfish a:hover {
background: #525252 url(tl_files/Layout/nav_hover.png) repeat-x left center;
}
#suckerfish li li a,
#suckerfish li li span {
text-align: left;
}
#suckerfish span,
#suckerfish a.trail {
color: #ff0;
}
#suckerfish li {
float: left;
width: 250px; /* width */
}
#suckerfish li ul {
position: absolute;
width: 250px; /* width */
left: auto; /* change to -999em */
}
/** * up to 4 levels */
#suckerfish ul.level_1 li:hover ul ul,
#suckerfish ul.level_1 li.sfhover ul ul,
#suckerfish ul.level_1 li:hover ul ul ul,
#suckerfish ul.level_1 li.sfhover ul ul ul {
left: auto; /* change to -999em */
}
#suckerfish ul.level_1 li:hover ul,
#suckerfish ul.level_1 li.sfhover ul,
#suckerfish ul.level_1 li li:hover ul,
#suckerfish ul.level_1 li li.sfhover ul,
#suckerfish ul.level_1 li li li:hover ul,
#suckerfish ul.level_1 li li li.sfhover ul {
left: auto;
}
Andreas
Lesezeichen