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:

<td><ul class="MenueList">
<li class="MenueList"><a href="howto.asp" target="Hauptframe2" class="menue">Anleitung</a></li>
<li class="MenueList"><a href="members.asp" target="Hauptframe2" class="menue">Members</a></li>
<li class="MenueList"><a href="clans.asp" target="Hauptframe2" class="menue">

Clanliste</a></li>
<li class="MenueList"><a href="clan_anmeldung.asp" target="Hauptframe2" class="menue">Clan anmelden</a></li>
<li class="MenueList"><a href="registrieren_new.asp" target="Hauptframe2" class="menue">Spieler anm.</a></li>
<li class="MenueList"><a href="files.asp" target="Hauptframe2" class="menue">Downloads</a></li>
<li class="MenueList"><a href="files/rules.pdf" class="menue" target="_blank">Regelwerk</a></li>
<li class="MenueList"><a href="system.asp" target="Hauptframe2" class="menue">Cup-System</a></li>

</ul></td>

im IE wird dieses Menü einwandfrei am linken Rand angezeigt....

im FireFox jedoch habe ich links einen ziemlich grossen Abstand der das ganze Menü zusammenhaut.

Zum ansehen des kompletten Designs einfach Mail schicken elharter at gmx dot at dann schick ich gerne auch Link, wenn jemand bereits ist zu helfen.

;(( bin verzweifelt

p.s. hab auch icq

Das HTML spielt eine geringe Rolle - wichtiger ist das CSS - hier mußt du für das <ul> padding-left und margin-left korrigieren. (wird unterschiedlich behandelt).

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



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



---
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 <ul> 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 <ul>

---
Weaverslave

Naja...
Der IE verwurstelt eine unorderd List <ul> auch gerne mal wenn zwischen den <li> 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....