Axel Richter: BrowserDifferenz bei ListenElement

Beitrag lesen

Hallo,

also ich hab das jetzt nicht ausprobiert aber setzt doch mal bitte dann die <p> via css auf 0 bzw. der Aussen- und Innenabstände, die sind in ihren Defaultwerten browserspezifisch.

Genau.

Der IE dürfte die Abstände dann trotzdem anders darstellen.

Genau.

Du kannst ja  auch mal mit einem Hack experimentieren.

Nein, bitte keine Hack. Versuche es mit normalen CSS-Eigenschaften in allen Browsern gleich aussehen zu lassen, ggf. verzichte zu Gunsten dieser Regel auf das gewünschte Aussehen.

Etwa so:

<STYLE TYPE="TEXT/CSS">

  
   UL.LISTE {  
    margin:0;  
    padding-left:2em;  
   }  
   UL.LISTE LI {  
    font-family:sans-serif;  
    font-size:12px;  
    margin:0;  
    padding:0;  
   }  
   UL.LISTE P {  
    line-height:1em;  
    margin:0;  
    padding:0;  
   }  

</STYLE>

  
  <UL class="LISTE">  
   <LI>  
    <P>Punkt 1</P>  
   </LI>  
   <LI>  
    <P>Punkt 2</P>  
   </LI>  
   <LI>  
    <P>Punkt 3</P>  
   </LI>  
   <LI>  
    <P>Punkt 4</P>  
   </LI>  
   <LI>  
    <P>Punkt 5</P>  
   </LI>  
  </UL>  

Wenn es nun gleich aussieht, kann man sich durch Änderungen der Eigenschaften an das gewünschte Aussehen annähern. Meistens wird diese Annäherung asymptotisch sein ;-)).

@frozo:
Bitte nimm so wenig wie möglich Eintragungen im HTML-Code vor, die _nur_ der Gestaltung dienen. Deine vielen CLASS-Attribute sind nicht nötig, wie Du siehst.

viele Grüße

Axel