Hallo Fritz,
zunächst möchte ich dich bitten, Fragen nicht per PM zu stellen, sondern einen entsprechenden Beitrag im Forum zu verfassen.
So wird dir oft schneller geholfen, denn diejenigen, die sich bereit finden, im Forum zu helfen, warten ja nun nicht gerade ständig darauf, dass jemand ihre Dienste benötigt.
Nun, ich habe jetzt mal Zeit gefunden, mich mit deinem Problem zu beschäftigen und möchte dir folgendes CSS vorschlagen
Code:
/* Reset soweit für Menü erforderlich*/
.mod_navigation,
.mod_navigation ul,
.mod_navigation li{
position:static;
top:0;
left:0;
margin:0;
padding:0;
float:none;
width:auto;
height:auto;
}
.mod_navigation ul li *{
border: none;
border-radius:0;
}
/* neues CSS */
.mod_navigation {
position:absolute;
top:161px;
padding: 0 11px;
}
.mod_navigation ul{
display:inline-block;
list-style:none;
text-align:center;
height: 80px;
}
.mod_navigation li {
display: inline-block;
text-align: center;
}
.mod_navigation li a, .mod_navigation li span {
display: inline-block;
padding: 0 33px;
height:auto;
}
.mod_navigation .level_2 {
margin: 0 auto;
position: absolute;
top: 38px;
width: 800px;
}
.mod_navigation .level_2 li a,
.mod_navigation .level_2 li span {
background-color: rgba(19, 49, 83, 0.75);
border: 1px solid #133353;
border-radius: 10px;
box-shadow: 5px 5px 5px 3px rgba(19, 51, 83, 0.5);
color: #e9a85c;
}
.mod_navigation li a:hover,
.mod_navigation li span.active {
color: #fff;
}
Eventuelle Fremdeffekte aus dem bereits vorhandenen CSS sind aber möglich, da würde ich an deiner Stelle nochmal nachkontrollieren und auch mal die Redundanzen entfernen.
Hier das Ergebnis
Lesezeichen