Navigationselement rechtsbündig.
PhilippW.
- css
Hi,
Ich möchte eine Navigation schreiben, die ihren Hauptinhalt linksbündig hat, allerdings soll ein Navigationselement rechtsbündig sein. Mein Code sieht so aus:
<ul id="navibereich">
<li><a href="mensaplan.php?seite=zurueck">Letzte Woche </a></li>
<li><a href="mensaplan.php?seite=heute">Diese Woche</a></li>
<li><a href="mensaplan.php?seite=vor">Nächste Woche</a></li>
<li><a href="mensaplan.php?seite=vor2">In zwei Wochen</a></li>
<li id='navi05'><a href='http://lbzh-ol.de/idesk/file/pass.php/Groups/Mensatest/Admin.html'>Admin</a></li>
</ul>
<br>
Die CSS-Datei dazu:
#navibereich li {
display: inline; /
list-style-type: none;
}
#navibereich {
background:#6989b7;
padding: 4px 0;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
margin: 0;
}
#navibereich a {
color: white;
text-decoration: none;
padding: 4px 8px;
}
#navibereich a:hover {
background-color: #EDEDF8;
padding: 4px 8px;
color: #6989b7;
}
#navi05 {
float:right;
}
Im Firefox funktioniert das mit dem float:right auch problemlos, in anderen (IE, Opera) leider nicht :/
IE:
http://www.abload.de/img/unbenannt2u6m9.jpg
Firefox:
http://www.abload.de/img/unbenanntyu6u.jpg
Zu Hülf :o
@@PhilippW.:
nuqneH
Im Firefox funktioniert das mit dem float:right auch problemlos, in anderen (IE, Opera) leider nicht :/
Das rechts floatende Listitem als erste im Markup notieren?
http://www.abload.de/img/unbenannt2u6m9.jpg
http://www.abload.de/img/unbenanntyu6u.jpgZu Hülf :o
Gerne doch: http://forum.de.selfhtml.org/hilfe/bedienung.htm#verweise-einbinden
Ansonsten: http://community.de.selfhtml.org/zitatesammlung/zitat1632
Qapla'