René: Pseudoklasse first-letter in IE6 und Gecko-basierten

Hallo,

Ich möchte bei einer Website die Pseudoklasse first-letter so in der Art benutzen:
p.firstletter { font-size:40px; font-family:'Times New Roman',sans; }

Wenn ich mir das Ergebnis im IE 6 ansehe ist das wunderbar und genau wie gewünscht. In Geckobasierten Browsern (Firefox/Mozilla), wie auch im Opera wird durch den größeren ersten Buchstaben aber leider die nächste Zeile nach unten verrückt. Gibt es eine Möglichkeit dies für diese Browser zu umgehen?

Gruß
René

  1. Hallo,

    line-height?

    Grüße
    Vaclav

    1. line-height?

      Super, danke!

      Gruß
      René

      1. line-height?

        Super, danke!

        Ähm, das hilft zwar für die Gecko-Browser, aber hat dann genau den selben Effekt wie vorher bei den Geckobasierten nun im IE. Also genau umgedreht. Man könnte natürlich eine browserweiche bauen. Aber ich mag Browserweichen nicht, da sie Fehler machen können (Browser falsch erkennen, neue Browserversioenn nicht erkennen etc.). Gibts da auch eine Möglichkeit ohne Browserweiche auszukommen (vielleicht einen kleinen CSS-Hack oder so)?

        Gruß
        René

        1. Hallo,

          nur IE erkennt * html; bekannt als Star-HTML-Hack.

          Bsp.: * html p:first-letter { line-height: 80%; }

          Grüße
          Vaclav

          1. nur IE erkennt * html; bekannt als Star-HTML-Hack.

            Bsp.: * html p:first-letter { line-height: 80%; }

            Ja, jetzt geht es in beiden Browsern. Super, vielen Dank.

            Gruß
            René

        2. Hallo,

          [...] Aber ich mag Browserweichen nicht, da sie Fehler machen können (Browser falsch erkennen, neue Browserversioenn nicht erkennen etc.).

          Meinst du jetzt Script-gesteuerte Browserweichen?

          Gibts da auch eine Möglichkeit ohne Browserweiche auszukommen (vielleicht einen kleinen CSS-Hack oder so)?

          Ich mache bei solchen Problemen folgendes:

          $selector {
          /* Angaben für echte[tm] Browser */
          }
          * html $selector {
          /* Angaben für IE, überschreiben im IE die oberen */
          }

          Gruß
          Alexander Brock

          --
          SelfCode: ie:{ fl:{ br:> va:) ls:# fo:) rl:( n4:( ss:| de:> js:( ch:| sh:( mo:) zu:}
          http://emmanuel.dammerer.at/selfcode.html
          Deshalb können Pinguine nicht fliegen:
          Was nicht fliegt kann auch nicht abstürzen
          <img src="http://www.againsttcpa.com/images/AgainstTCPA-Log01Small.gif" border="0" alt="">
          http://againsttcpa.com
  2. Hallo,

    Ich möchte bei einer Website die Pseudoklasse first-letter so in der Art benutzen:
    p.firstletter { font-size:40px; font-family:'Times New Roman',sans; }

    Hast du dich nur vertippt, oder verwendest du wirklich
    . anstelle von : für Pseudoklassen?

    Gruß
    Alexander Brock

    --
    SelfCode: ie:{ fl:{ br:> va:) ls:# fo:) rl:( n4:( ss:| de:> js:( ch:| sh:( mo:) zu:}
    http://emmanuel.dammerer.at/selfcode.html
    Deshalb können Pinguine nicht fliegen:
    Was nicht fliegt kann auch nicht abstürzen
    <img src="http://www.againsttcpa.com/images/AgainstTCPA-Log01Small.gif" border="0" alt="">
    http://againsttcpa.com
    1. Hast du dich nur vertippt, oder verwendest du wirklich
      . anstelle von : für Pseudoklassen?

      Sorry, vertippt!

      Gruß
      René