Anzeigeproblem mit IE - Aufzählungsliste

funnie01

Moin,

ich nutze den folgenden html-eintrag zur Darstellung einer Auflistung.

Code:

Code

ul  {
   margin: 0;
   list-style-position: inside;
   list-style-type: disc;
}
h1   {margin-bottom: 0;}
...


<h1 class="Stil4"> &gt;&gt; Werdegang </h1>
 <ul>
     <li class="Stil6"> Praktische T&auml;tigkeit 
     <li class="Stil6"> Lebenslauf (PDF)


- kommentiert 


- tabellarisch 

[/list]

Alles anzeigen

Prob. ist: Im IE sehe ich die Äufzählungspkt nicht.

Lösung 1: ich wechsel die list-style-position auf outside.
Folge: Ich sehe die Aufzählungspkt im IE aber es zerlegt mir die Formatierung, da Zeilenmbrüche unter dem Aufzählungspkt. beginnen und nicht ordentlich unter dem Text nach dem Aufzählungspunkt.

Lösung 2: Ich rücke die Auflistung um 15 pkt ein.
Folge: Es zerschießt mir wieder die Formatierung unter Mozilla, da dort auch die Aufzählungspkt eingerückt werden.

Frage: Wie rücke ich den Text in der zweiten Textzeile unter einem Auflistungspkt auf Texthöhe ein oder wie verhindere ich bei Mozilla das Einrücken der gesamten Auflistung?

Alternativ: Wie löse ich das Problem anders optimal?

Vielleicht schaut ihr einfach mal auf die Seite. Vielen Dank im Voraus

http://www.sl-x.info dort die Startseite

sejuma

Nur im IE7 getestet:

Code

<ul> 
     <li class="Stil6"> Praktische T&auml;tigkeit  
     <li class="Stil6"> Lebenslauf (PDF)
<li style="list-style-type: none;">- kommentiert 
<li style="list-style-type: none;">- tabellarisch 

[/list]

Dikra

Code

<ul> 
     <li class="Stil6"> Praktische T&auml;tigkeit  
     <li class="Stil6"> Lebenslauf (PDF) 
     <ul>
          [*] kommentiert  
          [*] tabellarisch  
     [/list]
[/list]

So sollte das auch gehen, und du kannst der untergeordneten ul noch ne eigene Klasse geben.

funnie01

Vielen Dank für die Anregung...

Wenn ich die Zeilenumbrüche manuell mit dem folgenden Befehl versehe werden sie im IE spitzenmässig eingerückt.

Code

<li style="list-style-type: none;" class="Stil6"> Blablub

In Mozilla allerdings hängt die Auflistung in der Mitte der jeweiligen Ebene, so dass da layoutbezogen nix mehr geht.

Wie sage ich Mozilla, dass auch dort die Auflistung am linken Ebenenrand startet und nicht in der Mitte der Ebene.

Ausserdem nimmt Mozilla die obere Befehlszeile nicht an... wo liegt mein fehler?

Danke für eure Hilfe.

http://www.sl-x.info/Startseite.html

funnie01

eine gute Lösunf für mein Problem stellt die Einbindung eines conditional command dar...

Code

<!--[if IE]>
 <style type="text/css">
  Stylesheets für den IE </style>
<![endif]-->

Vielen Dank nochmals an sejuma für den guten Tip!

Tags