Hallo,
ich habe ein Problem mit dem Drop-Down Menü, dass ich auf meiner Seite verwende. Als ich mit dem Mauszeiger über den Menüeintrag "gefahren" bin hat sich immer der gesamte restliche Inhalt nach rechts verschoben. Im Internet habe ich gelesen das man das mittels "position: absolute;" unterbinden kann. Hat auch soweit funktioniert, allerdings schieben sich die Menüeinträge jetzt übereinander. Mit margin sind sie dann plötzlich ganz verschwunden. Hat jemand eine Idee woran das liegt?
Der Link zur Seite: http://schnell.sp02.ab-webspace.de/fifa10new/deutschland.html
Hier noch mal der CSS-Teil der Navi:
Code
#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 38px;
font-weight: bold;
text-align: center;
position:absolute;
}
#menue .aussen:hover {
height: auto;
}
a.innen-1 {
margin-top: -1px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 0px solid #78561d;
background-image : url(img/navibg.jpg);
color: #000000;
}
a:visited.innen,
a:visited.innen-1 {
background-image : url(img/navibg.jpg);
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-image : url(img/navibg.jpg);
color: #615f62;
}
span.menutag {
display: block;
cursor: default;
}
Alles anzeigen
Gruß,
Marco