Hallo liebes Forum,

bin neu hier und hoffe auch konstruktive Antworten ;)

ich kämpfe seit einiger Zeit mit einem FireFix Problem. Unzwar verwende ich für eine Menügestaltung fogenden Code:

Das HTML spielt eine geringe Rolle - wichtiger ist das CSS - hier mußt du für das

padding-left und margin-left korrigieren. (wird unterschiedlich behandelt).

Auch sind die class-Attribute der inneren Elemente (
• und ) nicht unbedingt notwendig. Du kannst hier mit der Kaskadierung arbeiten:
  
  

  1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13:

  ul.MenueList { padding-left: 0px; margin-left: 0px; list-style: none; } ul.MenueList li { ... } ul.MenueList li a { ... }

  
  
  Diese Arbeitsweise verkleinert den HTML-Code immens. Das ganze läßt sich bei verschachtelten Listen (Menüs mit Unterpunkten) auch weiterführen:
  
  

  1: 2: 3: 4: 5:

  ul.MenueList li li { padding-left: 10px; }

  
  
  ---
  Weaverslave

WOWWWWWWWW !!!

DAS IS JA MAL EINE FIXE UND KORREKTE ANTWORT !!!

RESPEKT !!!

danke.......hat sofort funktioniert, auch wenns zwischen FF und IE nochimmer optische Unterschiede gibt weil einige Abstände nicht zusammenpassen.

Komisch, der IE ignoriert padding-left total....

hab dir PM geschickt......weil ganz passts noch immer ned ;)

Die Browser verwenden unterschiedliche Standardwerte für viele Abstände. Daher solltest du sie halt alle exakt definieren.

---
Weaverslave

aha versteh. hab jetzt praktisch noch das problem das ich im IE am ende eines

viel abstand habe, was mir mi grunde gefällt....

im FF pickt aber alles derb zusammen

Dies wäre dann margin-bottom für das

---
Weaverslave

Naja...
Der IE verwurstelt eine unorderd List

auch gerne mal wenn zwischen den
• Elementen Zeilenumbrüche oder Leerzeichen im Quelltext sind...
  
  

und wie muss ich das margin-bottom genau einsetzen?

ul.MenueList { list-style-image:url('images/square.jpg');
margin-left:25px;
padding-left: 2px;
margin-bottom: 15px;
}

und schon auch dieses Problem gelöst....