<ul>: letztes li nach rechts

html.de-Forum HTML, XHTML & CSS
1

Hallo zusammen

Ich habe folgenden Code:

[CODE]
#navcontainer {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
margin-left: 10px;
margin-right: 10px;
padding: 1px;
padding-left:5px;
height: 22px;
font-size: 11px;
position: relative;
border: 1px solid #999;
list-style-type: none;
background: #F2F6FA;
}

#navlist li {
float: left;
margin-right: 20px;
padding: 0;
width: auto;
display: block;
}

#navlist li a {
background: #F2F6FA;
color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a:hover {
border-bottom: 3px solid #82bbe8;
}

#navlist li a#current {
color: #000;
font-weight: bold;
border-bottom: 3px solid #fe8101;
}[/CODE][HTML]


[/HTML]Die Einträge stappeln sich ja nun horizontal auf der linken Seite. Nun möchte ich das Startseite
  • ganz auf die rechte Seite des navcontainer.

    Jemand ne Idee wie ich das machen könnte? :slight_smile:

    Danke und Gruss

    molex

    • 2

    Dem letzten Element eine ID geben und nach rechts floaten, statt links, ist keine Option?

    3

    Oder :last-child benutzen.

    Noch was:
    -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;=

    -moz-border-radius: 5px; Würde außerdem die CSS3 Eigenschaft benutzen (border-radius:5px;) und die KHTML-Variante (-khtml-border-radius:5px;)

    4

    :last-child geht allerdings nicht im IE6.