[CSS] vertikale List-Navigation - seltsame Abstände in den IE's

[kewlMan]

Hallo,

ich bins wieder

Ich hab endlich eine tolle Navigation mit Listen und ein par Zeilen CSS erstellt, die sich wunderbar beliebig tief verschachteln lässt und siehe da, die IE's verderben mir den ganzen Spaß ...

Es geht um die Zweitnavigation auf der rechten Seite: Link (CSS)

Bei Opera, Firefox und Netscape sieht es toll aus, beim IE 6 SP1, 5.5 und 5.0 gibt es unter jedem </li> einen seltsamen Abstand. Ich habe herausgefunden, dass wenn ich "display:block;" im bereich "#nav2 li a" weglasse, sind die Abstände zwar weg, mein Layout aber futsch (siehe Anhang). Ist ja auch logisch.

Aber gibt es nicht irgendeine Möglichkeit, dass dieser Abstand bei den IE's verschwindet? Kann mir das jemand erklären? Wäre echt super ...

danke,
kewlman

[Thomas]

bin selber blutiger Anfänger in dieser Geschichte (siehe hier) aber glaube dein Problem zu kennen.

in der Beispieldatei, die ich mir angepasst habe (Beispiel Nr. 4 von hier) steht in der css genau dazu folgendes:

PHP-Code:

#navi li{
padding:0 0 2px 0;
/*der abstand zw den menupunkten kann wegen dem ie nicht mit margin gesetzt werden*/
margin:0;} 


hilft das? sollte dein "Fehler" sein, soweit ich das laienhaft überschaue

[kewlMan]

Hallo Thomas,

danke für deine Antwort. Ich möchte ja überhaupt kein Abstand zwischen den Menüpunkten. Den 10-Pixel-Abstand links von den List-Elementen habe ich durch padding ersetzt - es hat jedoch keine Änderung gebracht.

Dein Beispiel kann ich nicht ganz nachvollziehen. Meinst du "CSS-Menu Teil1"? Den CSS-Code kann ich nicht finden. Wahrscheinlich ist es aber auch einfach nur zu spät für mich ...

morgen ist auch noch ein Tag

[Terry]

Dem IE werden es mal wieder zu viele Lücken im Quelltext sein - einfach enger zusammenrücken das Ganze und noch folgendes machen:

<li><a href="#">Der Link </a></li>

Zwischen dem k von Link und dem nächsten </a> eine Lücke machen. Frag wieder bitte nicht nach Logik, aber das sollte helfen.

[kewlMan]

Hey super!

Danke, jetzt hast du mir schon das zweite Mal sehr geholfen. Das merk ich mir

Ich habe jetzt die ganze nav2 gestaucht.

<li><a href="#">Der Link </a></li>

Es ging zwar auch ohne diesen Abstand, aber du wirst schon deine Gründe haben (hast du?).

Gibt es eigentlich eine empfehlenswerte Seite, wo solche "alltäglichen Bugs" aufgelistet und erklärt sind? Hast du'n Tipp?

Gruß,
kewlMan

[Terry]

Zitat von kewlMan

Es ging zwar auch ohne diesen Abstand, aber du wirst schon deine Gründe haben (hast du?).

Gibt es eigentlich eine empfehlenswerte Seite, wo solche "alltäglichen Bugs" aufgelistet und erklärt sind? Hast du'n Tipp?

Gruß,
kewlMan

Zu 1. Soll für den IE5 wichtig sein.... (hab ich irgendwo im Forum mal gelesen....)

Zu 2. Wäre mal ne Idee, alles zusammenzufassen.....

Hier aber ein paar Seiten, die ich nützlich finde:

Toms CSS-Tipps: http://www.stichpunkt.de/css/index.html - zum Stöbern, viele Tipps und weiterführende Links

LANtastics Bug-Base: http://www.fabrice-pascal.de/bugbase/

Sind so die deutschsprachigen Seiten, wo man am meisten Workarounds zu den Bugs findet und Links zu weiterführenden Seiten. Der Rest ist verstreut...

[kewlMan]

danke terry

[Novasol]

@ Terry: und schon wieder möchte ich mich bei Dir bedanken. Ich hab grad mit Suchen dieses Topic gefunden, was genau mein Problem betraf. Der Trick mit dem Leerzeichen hinter dem Link ist Gold wert. Allerdings frage ich mich, wie man auf sowas wirres kommen soll - als Anfänger,keine Chance. Naja, IE halt. :-)
Auf jeden Fall, Danke für den guten Tip.


Gruß, Novasol.