<ul> ergibt bei Mozilla/NS und IE/Opera verschiedene Einzüge

[Gwolf1]

Hallo

nachdem ich hier so einiges gelernt hab und crossbrowser-coden will,
hab ich folgendes Problem:

wenn ich <ul> zwecks kleinerer Abstände zum umgebenden Text (oben/unten) mit .class {margin="0"} ausstatte, dann ist im Opera und NS7 alles linksbündig mit Text oben und unten...

im IE/Opera aber hab ich "negativen Einzug"

wenn ich nur margin-top, margin-bottom angebe, dann hab ich zwar
mein gewünschtes resultat oben und unten,
doch IE/opera machen wie gewünscht keinen einzug der auflistung, aber NS/Mozilla trotzdem..

also wie crossbrowser lösen, dass ne aufzählung linksbündig im textfluss steht bei "beiden" Browsern???

cu

Gwolf

[Gwolf1]

Nachtrag:
i, css:
ul.zw{
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 20px;
}

im body:

<ul class="zw"><li>Sie wählen & bestimmen Ihr Design</li>
 <li>Sie senden uns ein unverbindliches Kontaktformular, mit Ihren Fragen</li>
 <li>Klärung dieser Fragen, Wünsche, Ideen per eMail oder Telefon</li>
 <li>Sie senden uns eine Auftragsbestätigung, sowie Texte/Grafiken/Bilder</li>
 <li>Sie erhalten in wenigen Tagen eine „Vorschau“ im Internet</li>
 <li>evtl. kleine Korrekturen</li>
 <li>Ihre neue Website wird ins Internet gestellt</li></ul>

dann stimmts im IE/Opera

wenn:
ul.zw{
 margin-top: 0px;
 margin-bottom: 0px;
}

dann stimmts im NS/Mozilla aber im IE/Opera nimmer

und nun???
Gwolf

[Cyx23]

Hallo,

und nun???

hier noch ein Beispiel, auch für Netscape 4 geeignet http://www.lipfert-malik.de/webdesign/tutorial/bsp/listenCSSmenu.html.

Grüsse

Cyx23

[Thomas Luethi]

Hallo,

also wie crossbrowser lösen, dass ne aufzählung linksbündig im textfluss steht bei "beiden" Browsern???

Spiele mit margin, border und padding von ul und li rum.
Die Browser haben da so ihre eigenen Vorstellungen.
Lies zum Thema "Listen-Formatierung mit CSS" auch mal:
http://www.subotnik.net/style/list-box-test.html
http://devedge.netscape.com/viewsource/2002/list-indent/
http://www.alistapart.com/articles/taminglists/
http://css.maxdesign.com.au/listamatic/

Gruesse,

Thomas

[Gwolf1]

Danke

Gwolf