» deutsch Zur deutschen Version dieses Artikels

Oh, dear browsers…

2009-04-30

…can’t you agree on how to display a simple :first-letter with float:left like I used in yesterday’s (German-only) post for the initials?

Initialen in verschiedenen Browsern

(All screenshots under Windows Vista.)

6 Comments

  1. PM

    Pierre Markuse1 2009-04-30 at 16:42   170 Comments
    reply quote
     

    Hm, da muss ich leider eingestehen, dass mein Lieblingsbrowser Safari patzt. Aber wer rechnet auf einer Webseite auch mit soviel typographischer Kunst :)

    • c

      cimddwc 2009-04-30 at 18:11   6223 Comments
      reply quote
      Twitter: cimddwc

      Immerhin ermöglicht das mir, den Beitrag zu gliedern, ohne mir zusätzliche Überschriften ausdenken zu müssen. :P

      Ich werd mal bei Gelegenheit schauen, ob das eine oder andere zusätzliche CSS-Attribut da noch was hinbiegen kann…

  2. FM

    FoolMoon2 2009-04-30 at 23:03   5 Comments
    reply quote
     

    Der Verlierer ist eindeutig Opera.
    Firefox und Chrome ähneln sich sehr stark. Persönlich finde ich sogar das Ergebnis von Chrome besser.

    • c

      cimddwc 2009-05-01 at 12:08   6223 Comments
      reply quote
      Twitter: cimddwc

      Gedacht ist es jedenfalls wie im Firefox. :) Bei Webkit (Safari+Chrome) stört mich der leere Bereich unter dem großen Buchstaben etwas.

  3. d

    dimido3 2009-05-01 at 18:04   8 Comments
    reply quote
    Twitter: dimido

    Dies ist wieder das alte Problem mit den Browsern. Was in dem Einem funktioniert und gut aussieht, muss nicht im nächsten Browser gut sein.

Leave a Reply

All inputs are optional. The e-mail address won't be published nor shared.

  • Moderation: Comments from first-time commentators must be approved manually before they appear.
  • Behave yourself! No insults, no illegal content, etc.! Should go without saying, don't you agree...?
  • Website: I don't mind blogs with ads, but purely commercial links are not welcome and will be deleted. Just like pure spam comments.
  • E-mail notification on new comments: You will have to activate this function once with a link in an automatically sent confirmation mail. These notifications can be disabled again with the link in every mail, of course.
  • Twitter: If you got a Twitter account, you can enter your Twitter name (with or without the @, doesn't matter) which will then be displayed next to any comment (including old ones) that contain the same e-mail address. (Which also means that you must fill in that e-mail field.)
  • Allowed HTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <sub> <sup> <big> <small> <u>
«
»