CSS-basierte Navigationsleisten

[Cheatah]

Hi,

ich habe aus SELFHTML die "CSS-basierte Navigationsleisten" und hierbei die "Horizontale Navigationsleiste zentriert" genommen und diese angepasst. Jedoch scheitere ich an einem Punkt: Ich möchte, dass die Menüpunkte bündig aneinander anschließen ohne den Freiraum zwischen den einzelnen Menüpunkten.

und das passiert in welchen Browsern?

Lass mich raten: Nur im IE. Da Du diesen Einzelfall verallgemeinerst, unterstelle ich, dass Du den schwerwiegendst denkbaren Fehler in der Webentwicklung begehst, nämlich primär mit dem IE zu testen. Verwende dafür Firefox oder Mozilla.

Wäre toll, wenn mir irgend jemand weiterhelfen könnte. Hier der CSS-Code:

... tut dann leider nichts zur Sache, weil die Ursache für den IE im HTML-Code liegt: Der IE ist nicht in der Lage, die Whitespaces zwischen den Listenpunkten richtig zu behandeln. Entferne sie.

font: normal 14px Helvetica, Arial, sans-serif;

px ist als Einheit für schriftabhängige Größen ungeeignet. Verwende em oder %.

* html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }

Dass Du den Wert damit auch für den IE 5.0x zurück gesetzt hast, ist Dir aber sicher bewusst.

Cheatah