Aufzählungszeichen li IE7 und älter

[Billy04]

Hallo zusammen

Seit es IE8 gibt, habe ich gezwungenermassen meine Webseiten den Normen wie es neu IE8, google chrome und firefox schon seit eh und je pflegen abzuändern.

Dabei stehe ich vor einem Designproblem was unglaublich stört. Die Aufzählungszeichen. Wenn ich mittels <li> Aufzählungszeichen generiere, dann habe ich folgendes Problem:

Bei IE8, Chrome und Firefox klappt es Einwandfrei. Das Aufzählungszeichen ist auf der ersten Linie des Textes.

Beispiel:

- Dies ist ein Testtext.
Das Aufzählungszeichen ist bei der ersten Linie.
Und da bleibt es auch.


Bei den älteren Browsern von IE ist dies nicht der Fall.
Es wird mir in der Mitte des gesamten Textes angezeigt.

Beispiel:

Dies ist ein Testtext.
- Das Aufzählungszeichen ist in der Mitte des Textes.
Und da bleibt es auch.

Ihr müsst Euch natürlich vorstellen, dass die Textzeilen bündig untereinander sind und nicht wie hier im Post.

Hat jemand dasselbe Problem und eine gute Lösung gefunden?

[Andreas I.]

Poste doch mal den zugeörigen HTML- und CSS-Code!
Irgendwie verhält sich der IE<=7 seltsam bei Dir.

Der IE ist zwar ein sehr schlechter Browser, aber zumindest Listen sollte er einigermaßen hinbekommen.

[Hobby_SEO79]

Versuch mal in der CSS dem <li> generell Folgendes zuzuweisen:

Code: Alles auswählen

 li {list-style-type:none;padding:0px}

Dann vergibst Du im übergeordneten TAG eine Klasse.

Code: Alles auswählen

<ol class="klasse">
<li>Text</li>
<li>Text</li>
</ol>

In der CSS weist Du dann individuelle Werte zu. Ich nutze meist kleine Grafiken, weil die Anstriche zu gewöhnlich aussehen.

Code: Alles auswählen

.klasse li{background: url() no-repeat; padding-left:25px;}

Du kannst background auch wieder durch list-style-type ersetzen. Google mal nach dem Attribut. Damit kannst Du verschiedene Aufzählungszeichen generieren.

So bekommst du alles einheitlich und bündig in jedem Browser.

[800XE]

So bekommst du alles einheitlich und bündig in jedem Browser.

"bündig" wohin

Ihr müsst Euch natürlich vorstellen, dass die Textzeilen bündig untereinander sind und nicht wie hier im Post.

hier im Post, "wie" "bündig" ist es da?
Linksbündig?

und bei dir?
Rechtsbündig
oder nachdem was du erzählst wohl eher "mittelbündig"(=centriert) bzw "Blocksatz"
und die ALten IEs centrieren dann nicht Text+Marke als Einhait sondern jeweils einzeln

Hat jemand dasselbe Problem und eine gute Lösung gefunden?

Die Lösung ist
entweder man spaltet Marke + Text in den "neuen" Browser damit MArke immer links und nur der Text zentriert
..... was vielleicht garnicht geht
.... und wahrscheinlich auch nicht so dolle aussieht
Die Lösung ist
die "li" Markierungen zu deaktivieren
da die dafür da sind untereinenader zu erscheinen
und wenn deine LIs centriert sind, sind sie nicht untereinander und sehen "AA" aus

[Hobby_SEO79]

@800XE

https://de.wiktionary.org/wiki/b%C3%BCndig