Kapitälchen funktionieren nicht einheitlich

  • Bei meiner erstellten Arbeit funktionieren die Kapitälchen nicht einheitlich!


    Unter Firefox sieht es aus, wie gewollt (siehe Anhang 1)
    Unter InternetExplorer nicht (siehe Anhang 2)


    Der CSS-Code dazu sieht so aus:

    CSS
    1. .betrieb p::first-letter, .region p::first-letter {
    2. font-size: 2.5em;
    3. float: left;
    4. margin-top: 0.15em;
    5. margin-right: 0.1em;
    6. margin-bottom: 0px;
    7. margin-left: 0px;
    8. }


    Ich habe nur HTML und CSS zur Verfügung!

  • Wenn du auf jeden Fall den Internet Explorer unterstützen musst (weil dein Zielpublikum dies vielleicht nicht zulässt), solltest du anstelle von ::first-letter dem ersten Buchstaben ein span-Element zuweisen. Der Internet Exlorer geht beim ::first-letter Selektor genau so vor, Firefox jedoch nicht. Um es einheitlioch zu gestalten, ist es also der beste Weg.


    Ansonsten solltest du es einfach so lassen.