Navi Probleme

[DerMitSkill]

Hallo,
hab mal versucht mir eine Navigation zu basteln -> entfernt

Im FF3 und Opera 9.5 sind noch Punkte davor und die stehen in zwei Spalten, der IE7 zeig das - !!WUNDER!! - so an wie ich es haben will :mrgreen:

Hilfe!

 

[neuroleptika]

.. der IE7 zeig das - !!WUNDER!! - so an wie ich es haben will
Hilfe!

Der IE verschluckt die Items durch das float: right.
Listen haben, wie auch andere Blockelement, voreingestellte margin und padding. Diese Voreinstellungen variieren in je nach Browser.
Setze die Abstände in ul auf null und entferne die Items:

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

Die Abstände kannst du auch mit einem Joker-Selector für alle Elemente entfernen:

* {
margin: 0;
padding: 0;
}

In #navigation ul li a hast du eine feste Höhe angegeben. Das stört je nach Schriftgröße schnell. Mit display: block; wird <a> automatisch durch das padding auf die richtige höhe gedrückt:

#navigation ul li a {
    [COLOR=DarkRed]display: block;[/COLOR]
    color:#fff;
    float:right;
    font-family:verdana;
    font-size:10pt;
  /*  [COLOR=DarkRed]height:25px;[/COLOR]  entfernen*/
    margin-top:2px;
    padding-top:7px;
    [COLOR=DarkRed]padding-bottom:7px;[/COLOR]
    padding-left:5px;
    text-decoration:none;
    width:150px;
}

Die Einheit pt ist für die Bildschirme nicht geeignet.
widht: 150px ist sehr sparsam gewählt (bei so viel Platz).

 

[Voodoo]

Interessant... dabei sagst du ihm doch gar nicht, er soll das Bullet-Icon nicht anzeigen.

Das hier zum CSS des ul-Elements hinzufügen:

list-style-image:none;
list-style-position:outside;
list-style-type:none;

Gruß
Voodoo

 

[DerMitSkill]

Die Navigation will ich auch noch etwas kleiner machen ;)

So jetzt sind die Punkte weg, aber es sind immernoch zwei Spalten :(

Hab die Navi jetzt kleiner gemacht, jetzt passts! Danke!