Johannes: background im <div> ohne Inhalt wird nicht angezeigt

Hallo,

wenn ich z.B. ein <p> tag oder ein <div> tag anlege, das lediglich ein background-image enthält, also z.B.

<div style="background-image:url(bild.gif); width=200px; height=5px;">   </div>

dann wird dies auch tadellos in jedem Browser angezeigt, bloß der Internet Explorer zickt rum und stellt den Inhalt erst dar, wenn das <div> auch Inhalt hat z.B. einen Buchstaben. Ich kann natürlich überall ein 1px großes transparentes gif "reinlegen", doch gibt es da keine elegantere Lösung?

Gruß,

Johannes

  1. hallo,

    Ich kann natürlich überall ein 1px großes transparentes gif "reinlegen"

    Äks, pfui, geh in die Ecke und schäm dich.

    doch gibt es da keine elegantere Lösung?

    Das eine oder andre geschützte Leerzeichen (&nbsp;) tuts auch.

    Grüße aus Berlin

    Christoph S.

    1. Hallo,

      Das eine oder andre geschützte Leerzeichen (&nbsp;) tuts auch.

      Aber das wäre doch zu groß für ein 5px großes div, oder kann ich das Zeichen nach belieben verkleinern?

      Gruß,

      Johannes

      1. Hallo Johannes.

        Aber das wäre doch zu groß für ein 5px großes div, oder kann ich das Zeichen nach belieben verkleinern?

        Sagt dir font-size etwas? ;)

        Gruß, Ashura

        --
        Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
        Try it: Become an Opera Lover in 30 days
      2. Hi,

        Aber das wäre doch zu groß für ein 5px großes div,

        Das ist bei overflow:hidden; dann schnurz.

        Gruß, Cybaer

        --
        Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
  2. Hallo,

    <div style="background-image:url(bild.gif); width=200px; height=5px;">   </div>

    dann wird dies auch tadellos in jedem Browser angezeigt

    Zufälle soll es geben ;)
    Du verwendest hier fehlerhaftes CSS, was eigentlich mit einer
    weniger tadellosen Darstellung bestraft werden sollte.

    richtig müsste es lauten:

    <div style="background-image:url(bild.gif); width:200px; height:5px;"></div>

    mfg NAG

    --
    signatur
  3. Lieber Johannes

    <div style="background-image:url(bild.gif); width=200px; height=5px;">   </div>

    Das ist so leider ein bisschen ... falsch *g*
    das = war früher als man noch alles direkt in HTML notierte.
    jetzt bei den style tags die css enthalten schreibst Du :

    Also so:
    <div style="background-image:url(bild.gif); width:200px; height:5px;">   </div>

    Das *sollte*  (ungetestet) funktionieren.
    ggf. ein Leerzeichen hineingeben (&nbsp;)

    Beste Grüße,
    Florian Langer