Seite 1 von 1

Aufzählungszeichen li IE7 und älter

Verfasst: 06.02.2010, 10:09
von 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?

Verfasst:
von

Hochwertiger Linkaufbau bei ABAKUS:
  • Google-konformer Linkaufbau
  • nachhaltiges Ranking
  • Linkbuilding Angebote zu fairen Preisen
  • internationale Backlinks
Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Verfasst: 06.02.2010, 12:48
von 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.

Verfasst: 06.02.2010, 14:29
von Hobby_SEO79
Versuch mal in der CSS dem <li> generell Folgendes zuzuweisen:

Code: Alles auswählen

 li &#123;list-style-type&#58;none;padding&#58;0px&#125;
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&#123;background&#58; url&#40;&#41; no-repeat; padding-left&#58;25px;&#125;
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.

Verfasst:
von
SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


Verfasst: 06.02.2010, 16:17
von 800XE
Hobby_SEO79 hat geschrieben:So bekommst du alles einheitlich und bündig in jedem Browser.
"bündig" wohin
Billy04 hat geschrieben: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
Billy04 hat geschrieben: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

Verfasst: 06.02.2010, 16:28
von Hobby_SEO79