Für meine Wordpress-Seite funktioniert im Firefox und Safari mittlerweile alles so, wie es sollte. Einzig der Internet Explorer macht noch einige Probleme.
Die Navigation funktioniert über ein Drop Down. Wenn eine Seite angewählt wurde, blieben die weiteren dazugehörigen Punkte stehen Webseite
Der Explorer bringt nun alles durcheinander. Es wird noch die Hintergrund-Grafik angezeigt (was natürlich nicht sein sollte) und die ganze Navigation schiebt es zu weit nach rechts.
Hier das CSS:
Code
#nav {
text-align:left;
float:left;
padding-left:30px;
padding-top:15px;
}
#nav ul {
margin:0;
display:block;
list-style:none;
}
#nav ul li a {
color:#024d7c;
font-size:1.3em;
float:left;
height:23px;
padding:0 22px 0 22px;
margin: 0 2px 0 2px;
display:block;
text-decoration:none;
}
#nav li {
height:40px;
float: left;
list-style: none;
}
#nav ul li.current_page_item a, #nav ul li.current_page_ancestor a {
color:#024d7c;
float:left;
height:23px;
padding:0 22px 0 22px;
margin:0 2px 0 2px;
display:block;
text-decoration:none;
background-image:url(images/rl_linie.png);
background-position:center;
background-repeat:no-repeat;
}
#nav li:hover {
color:#024d7c;
float:left;
height:23px;
background-image:url(images/rl_linie.png);
background-position:center;
background-repeat:no-repeat;
text-decoration:none;
}
#nav a, #nav a:visited {
height:23px;
display: block;
color: #024d7c;
text-decoration:none;
}
#nav li.current_page_ancestor ul {
left:auto;
}
/* Dropdown Menus */
#nav li ul {
float:left;
margin-top:30px;
margin-left:15px;
position: absolute;
left: -999em;
padding: 0px;
height: auto;
width: 174px;
list-style:none;
font-size:0.8em;
}
#nav li li, #nav li li a, #nav li li:hover, #nav li li a:visited, #nav li li a:active {
height:15px;
width:172px;
background-image:none;
list-style:none;
padding-left:10px;
}
#nav li li a, #nav li li a:visited {
background-image:none;
display:block;
text-decoration:none;
color:#3ec7f4;
margin:0;
padding:0;
}
#nav li li a:hover, #nav li li a:active {
background-image:none;
text-decoration:none;
color:#024d7c;
}
#nav li li.current_page_item a {
color:#024d7c;
text-decoration:none;
margin:0;
padding:0;
background:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}