Jürgen: IFRAMES Background

Hallo,

Wollte fragen, ob man bei einem iframe einen Hintergrund (Bild oder Farbe) einrichten kann, der angezeigt wird, während die iframe-Datei geladen wird oder wenn keine iframes unterstützt werden

Danke im Vorraus

  1. Hi Jürgen,

    soweit ich weiß, ist dies bei Frames generell nicht möglich.

    Viele Grüße
    Mathias Bigge

  2. Hallo Jürgen,

    Wollte fragen, ob man bei einem iframe einen Hintergrund (Bild oder Farbe) einrichten kann, der angezeigt wird, während die iframe-Datei geladen wird oder wenn keine iframes unterstützt werden

    Gib einfach mal deinem Frame- oder Iframe-Element per CSS eine Hintergrundfarbe und/oder ein Hintergrundbild. Im Mozilla funktioniert das ohne jeden weiteren Zusatz. Für den IE musst du das proprietäre Attribut allowtransparency="true" hinzusetzen.

    Wenn du in dem im (I)Frame eingebunden Dokument dann allerdings keinen eigenen Hintergrund definierst, scheint der im Mutterdokument angegebene Hintergrund für den (I)Frame auch durch, nachdem das Dokument darin geladen ist.

    Wenn Frames nicht unterstützt werden, schreibt man einen alternativen Inhalt in den NOFRAMES-Bereich. das kann auch etwas flächendeckendes mit Hintergrundfarbe und oder -bild sein.

    Für Iframes, die von einem Browser nicht unterstützt werden, müsste das entsprechend eigentlich wie folgt gehen:

      
    <html>  
    <head>  
    <title>iframetransparent</title>  
    <meta name="author" content="Gernot Back">  
    <meta name="generator" content="Ulli Meybohms HTML EDITOR">  
    <style type="text/css">  
    [code lang=css]  
      
    html, body {  
      width:100%;  
      height:100%;  
      margin:0;  
      padding:0;  
    }  
      
    iframe, #ersatzDiv{  
      width:50%;  
      height:50%;  
      margin:15.2% 24%;  
      background:url(deinHintergrundbild.jpg) #FFFFDD;  
    }  
    
    

    </style>
    </head>
    <body>
    <iframe frameborder="0" src="deinEingebundesDokument.html" allowtransparency="true">
      <div id="ersatzDiv">
      Ihr Browser unterstützt keine Iframes,
      aber sehen Sie sich wenigstens dessen
      schönen Hintergrund an!
      </div>
    </iframe>
    </body>
    </html>
    [/code]

    Das mit der Transparenz und dem dadurch durchscheinenden Hintergrund des (I)Frame-Elements funktioniert (getestet) in IE6 und Mozilla 1.7.2., in Opera 7.54 hingegen nicht.

    Gruß Gernot

    1. Hi Gernot,

      Du kennst aber inzwischen allerhand Tricks, alle Achtung! Wäre auch etwas für einen Kurztut, oder?

      Mathias Bigge

    2. Hi,

      Ihr Browser unterstützt keine Iframes,
        aber sehen Sie sich wenigstens dessen
        schönen Hintergrund an!

        
      ~~~html
        
      ... und klicken Sie bitte <a href="iframe-datei.html">hier</a>, wenn Sie auch der Inhalt interessiert. ;-)  
      
      

      freundliche Grüße
      Ingo

      1. Hi Ingo,

        ... und klicken Sie bitte <a href="iframe-datei.html">hier</a>, wenn Sie auch der Inhalt interessiert. ;-)

        Also bitte ...

        ... Der <a href="iframe-datei.html">Inhalt</a> ist auch zu sehen, wenn Sie der auch interessiert. ;-)

        [WCAG Richtline 13.1], [NO-CLICK-HERE]

        Gruß,
        Gunnar

        --
        “I got my finger on the trigger / But I don’t know who to trust” (Bruce Springsteen, Devils and Dust)