Probleme mit Margins

[Thomas Luethi]

Hallo,

[...] treten zwischen den <li> Zwischenräume auf. Diese kann ich offenbar nur mit negativen Margin-Angaben beheben. Wenn ich nun auf margin -5px; gehe zerfällt mir das design in allen Browsern, nur im IE wird es richtig angezeigt.

Sowas ist natuerlich Quatsch. Mit den negativen margins sagst Du ja eigentlich,
dass sich die <li> ueberlappen sollen. Kein Wunder, wenn sich anstaendige
Browser dann "komisch" verhalten. Vielleicht tut es auch ein zukuenftiger
MS IE, wer weiss. Sowas kann also nicht die Loesung sein.

Ich habe auch schon festgestellt, dass MS IE bei gewissen Listen ,
z.B. wenn in <li> noch <a> mit display:block vorkommen, der MS IE
(als einziger Browser) unerklaerliche vertikale Abstaende zwischen
den einzelnen <li> macht.

Was dann geholfen hat, war, einen mindestens 1px dicken Rahmen zu machen.
Dieser kann ja auch in der Hintergrundfarbe sein, damit man ihn nicht sieht,
und er muss nur oben und unten vorkommen, evtl. sogar nur unten.
border:0; oder border:0 none; haben jedenfalls nicht funktioniert.

Aus einem meiner Stylesheets habe ich folgendes kopiert:

.navigation li
   { margin:0;
     border:solid #ffffff; border-width:1px 0 1px 0; /* Fuer MS IE inkl. 6 */
     padding:0; }

Vielleicht hilft's Dir...

Gruesse,

Thomas