Rozdílné zobrazení seznamů v Mozille a IE – CSS – Fórum – Programujte.com

mám definováno:

.box {width: auto; height: auto; border: 1px solid #333; margin: 20px; padding: 0;}

.box li {padding: 0; margin: 0; width: 200px; list-style type: square;}

To schimpanze: vyzkousel jsem dany styl a zobrazovalo se mi to korektne. Zkousel jsem to v IE 6.0, FF 2.0.0.3, Opere 9.02 a Mozille 1.7.13.

ja mám nejnovější mozillu, myslim 2.0.2 a tam se ty odrážky zobrazí mimo obsah. asi proto že tahle mozilla podporuje css3 a to moc neznám, skoro vůbec!

Podobny problem se mi taky obcas vyskytne.. Mozna by stacilo si trochu pohrat s vlastnostmi margin-left a padding-left a dostat to do prijatelnych mezi ;-)

jj... margin-left a padding-left.... pohrej si. btw s CSS3 to nemá nic společného

Sčítají se 2 vlivy:
- rozdílné defaultní nastavení UL/padding a UL/margin
- rozdílný box-model

Tohle je oba vyeliminuje a vyhovuje tvému zadání:

<style>

.box { border: 1px solid #333; margin: 20px }

.box ul { width: 200px; padding-left: 25px; margin: 0 }

.box li { list-style type: square }

</style>



<div class="box">

 <ul>

  <li>Přesně jax to chtěl </li>

  <li>Totožné ve FF i v IE</li>

  <li>Šířka položek =200px</li>

  <li>Odrážky zaberou 25px</li>

 </ul>

</div>