Delphi-PRAXiS - [CSS] Extrem seltsamer Fehler im Internet Explorer

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - [CSS] Extrem seltsamer Fehler im Internet Explorer (https://www.delphipraxis.net/92943-%5Bcss%5D-extrem-seltsamer-fehler-im-internet-explorer.html)

[CSS] Extrem seltsamer Fehler im Internet Explorer

Hi @all,

ich sitze gerade an der neuen Version meiner Website und bin auf ein seltsames Problem des Internet Explorers gestoßen:

Code:

			<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>

   <title>Internet Explorer-Bug</title>

</head>

<body>

   <ul style="margin: 0 auto 0.6em; width: 85%">

      [*]Test

      [*]Test

   [/list]

   <ul style="margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0.6em; width: 85%">

      [*]Test

      [*]Test

   [/list]</body>

In Firefox, Opera und Safari werden die Listen korrekt dargestellt, nur der IE lässt die Punkte bei den einzelnen Listenpunkten weg... :gruebel:

Kann sich das jemand erklären oder hat vielleicht sogar jemand einen Lösungsansatz?

Edit: Ich habe gerade rausgefunden, dass man den Listenpunkt durch eine padding-left-Angabe sichtbar machen kann. Die Frage ist jetzt nur, wie groß ich diesen Abstand machen soll, damit die Punkte nicht beim Schrift vergrößern/verkleinern wieder verschwinden... :wall:

Edit2: Wischi-Waschi-Lösung: padding-left auf 30px gesetzt. :roll:

Re: [CSS] Extrem seltsamer Fehler im Internet Explorer

Zitat:

Zitat von S2B

Die Frage ist jetzt nur, wie groß ich diesen Abstand machen soll, damit die Punkte nicht beim Schrift vergrößern/verkleinern wieder verschwinden... :wall:

Edit2: Wischi-Waschi-Lösung: padding-left auf 30px gesetzt. :roll:[/i]

Wäre da nicht eine Angabe in em sinnvoller? Dann passt sich der Abstand immer relativ der Schriftgröße an:

Zitat:

Zitat von SelfHtml zu em

Steht für bezogen auf die Schriftgröße des Elements. Ausnahme: wenn die font-size-Eigenschaft (also die Schriftgröße) selbst mit dieser Maßangabe gesetzt wird, steht diese für bezogen auf die Schriftgröße des Elternelements.

Gruß
Malte

Re: [CSS] Extrem seltsamer Fehler im Internet Explorer

Puh, dass das Thema nochmal nach oben kommt, hätte ich nicht gedacht.

Imho hatte ich das auch ausprobiert, allerdings gab es da irgendwelche Probleme. Auf jeden Fall wird jetzt mit den 70px Abstand alles richtig angezeigt, und schließlich ist es ja auch nur eine Sonderlösung für den IE in einem Conditional Stylesheet. :zwinker: