Tannenbaum: iframe Hintergrund definieren

Hallo,

wie kann man bei iframes Hintergrundfarbe definieren? Ich habe einen schwarzen iframe. Wenn ich die Seite aktualisiere, dann bleibt der Hintergrund eine Weile weiß. Das dauert zwar < 1sec, stört aber.

Danke
Ihr Weihnachtsbaum

  1. Hallo Tannenbaum.

    wie kann man bei iframes Hintergrundfarbe definieren? Ich habe einen schwarzen iframe. Wenn ich die Seite aktualisiere, dann bleibt der Hintergrund eine Weile weiß. Das dauert zwar < 1sec, stört aber.

    Angesichts dessen, was du hier geschildert hast: in den Einstellungen deines Browsers. Eine andere Möglichkeit gibt es nicht.

    Einen schönen Freitag noch.

    Gruß, Ashura

  2. Moin!

    wie kann man bei iframes Hintergrundfarbe definieren? Ich habe einen schwarzen iframe. Wenn ich die Seite aktualisiere, dann bleibt der Hintergrund eine Weile weiß. Das dauert zwar < 1sec, stört aber.

    Der Iframe wird durch die in ihm zu ladende Seite gestaltet. Bis die (u.ggf. Stylesheet, Hintergrundbild) da ist zeigt der Browser, das, was er immer angzeigt, wenn nichts geladen ist: eine weisse Fläche.

    Lösungsmöglichkeit: Verzicht auf den Iframe.

    MFFG (Mit freundlich- friedfertigem Grinsen)

    fastix®

    --
    Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Seminare, Training, Development
    1. Der Iframe wird durch die in ihm zu ladende Seite gestaltet. Bis die (u.ggf. Stylesheet, Hintergrundbild) da ist zeigt der Browser, das, was er immer angzeigt, wenn nichts geladen ist: eine weisse Fläche.

      wie kann ich dieses "nichts" verhindern, denn bei src="..." habe ich ja eine Seite mit schwarzem Hintergrund.?

      1. Moin!

        wie kann ich dieses "nichts" verhindern, denn bei src="..." habe ich ja eine Seite mit schwarzem Hintergrund.?

        Nein, mit <iframe> forderst Du den Browser auf einen Bereich für ein zu ladendes Dokument freizuhalten. Einzige Lösungsmöglichkeit: kein <iframe>. Lass Dir was anderes einfallen: am besten was serverseitiges. Sollte der Bereich scrollbar sein: das geht auch mit einem <div>.

        MFFG (Mit freundlich- friedfertigem Grinsen)

        fastix®

        --
        Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Seminare, Training, Development
        1. Sollte der Bereich scrollbar sein: das geht auch mit einem <div>.

          wie kann ich eine Seite in einem <div> mit scrollbars anzeigen?

          1. Moin!

            wie kann ich eine Seite in einem <div> mit scrollbars anzeigen?

            http://de.selfhtml.org/css/eigenschaften/positionierung.htm
            Dort: an den Ankern: position, top, left, height, width, overflow lesen.

            MFFG (Mit freundlich- friedfertigem Grinsen)

            fastix®

            --
            Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Seminare, Training, Development
          2. Hallo,

            wie kann ich eine Seite in einem <div> mit scrollbars anzeigen?

            Inhalt kann man in einem <div> mittels overflow:auto; bei Bedarf mit Scrollbalken anzeigen lassen. Wie den den Inhalt in das <div> hineinbekommst ist eine andere Sache, da gibt es viele Möglichkeiten:
            1. mit DOM-Methoden erzeugen
            2. von Hand eintippen mittels eines Editors
            3. mit serverseitigen Techniken laden

            Wie hättest Du es denn gerne?

            Gruß
            Avalon

            1. Inhalt kann man in einem <div> mittels overflow:auto; bei Bedarf mit Scrollbalken anzeigen lassen. Wie den den Inhalt in das <div> hineinbekommst ist eine andere Sache, da gibt es viele Möglichkeiten:

              1. mit DOM-Methoden erzeugen
              2. von Hand eintippen mittels eines Editors
              3. mit serverseitigen Techniken laden

              Wie hättest Du es denn gerne?

              Ich habe eine Menüleiste mit hrefs. In der Mitte der index.html habe ich eine Tabelle (es kann auch ein <div> sein), in der ich bestimmte Seiten anzeige (anzeigen will). Mit Frames klappt es wunderbar, aber welche Methoden gibt es noch und welche ist dafür am besten geeignet?

              1. Ich habe eine Menüleiste mit hrefs. In der Mitte der index.html habe ich eine Tabelle (es kann auch ein <div> sein), in der ich bestimmte Seiten anzeige (anzeigen will). Mit Frames klappt es wunderbar, aber welche Methoden gibt es noch und welche ist dafür am besten geeignet?

                Würde mich freuen, wenn ich eine Antwort auf diese Frage kriegen würde...

                1. Würde mich freuen, wenn ich eine Antwort auf diese Frage kriegen würde...

                  Nun drängel man nicht gleich so, schließlich haben hier alle wohl noch was besseres/wichtigeres zu tun als Dir zu antworten. Es ist schließlich auch alles freiwillig.

                  Eine Antwort hast Du doch schon bekommen. Ich will wetten, daß Du den Vorschlag den <iframe> durch <object> zu ersetzen noch nicht einmal ausprobiert hast. Melde Dich wieder, wenn es damit Probleme gibt.

                  Gruß
                  Avalon

      2. Hallo,

        wie kann ich dieses "nichts" verhindern, denn bei src="..." habe ich ja eine Seite mit schwarzem Hintergrund.?

        Wie Ashura schon sagte, verzichte auf iframes.
        Alternativ kannst Du <object data="..."> benutzen, da sehe ich jedenfalls keine weße Fläche.

        Gruß
        Avalon

        1. Alternativ kannst Du <object data="..."> benutzen, da sehe ich jedenfalls keine weße Fläche.

          object ist für Objekte, ich will ja nur eine php bzw. html seite anzeigen lassen

          1. Hallo,

            object ist für Objekte, ich will ja nur eine php bzw. html seite anzeigen lassen

            Dummes Zeug!
            Solange Du glaubst iframes verwenden zu müssen kannst Du kein valides (X)HTML in stricten Varianten erstellen, hier hast Du sowieso keine andere Wahl als auf <object> auszuweichen. Wenn demnächst <img> wegfällt bzw. verachtet wird, mußt Du Deine Bilder auch mittels <object> einbinden, was in Browsern auch heute schon funktioniert.

            Aber Du bist natürlich nicht verpflichtet erbetene Hilfe auch anzunehmen.

            Gruß
            Avalon

            1. Hallo Avalon.

              […] Wenn demnächst <img> wegfällt bzw. verachtet wird, mußt Du Deine Bilder auch mittels <object> einbinden, […]

              Wobei „demnächst“ wohl in einem Zeitraum von etwa 5 bis 10 Jahren eingeordnet werden sollte.

              Einen schönen Freitag noch.

              Gruß, Ashura

              1. Hallo Ashura.

                […] Wenn demnächst <img> wegfällt bzw. verachtet wird, mußt Du Deine Bilder auch mittels <object> einbinden, […]

                Wobei „demnächst“ wohl in einem Zeitraum von etwa 5 bis 10 Jahren eingeordnet werden sollte.

                Für unsere Freunde von MS ist dies durchaus ein kurzer Zeitraum, im dem es nicht für nötig erachtet wird den hauseigenen Browser zu aktualisieren.

                Gruß
                Avalon

            2. Hallo,

              Wenn demnächst <img> wegfällt bzw. verachtet wird, mußt Du Deine Bilder auch mittels <object> einbinden, was in Browsern auch heute schon funktioniert.

              Bitte? Wer will das IMG-Element aus (X)HTML wegfallen lassen?

              http://www.w3.org/TR/xhtml2/mod-image.html#s_imagemodule

              viele Grüße

              Axel

              1. Hallo Axel.

                Wenn demnächst <img> wegfällt bzw. verachtet wird, mußt Du Deine Bilder auch mittels <object> einbinden, was in Browsern auch heute schon funktioniert.

                Bitte? Wer will das IMG-Element aus (X)HTML wegfallen lassen?

                http://www.w3.org/TR/xhtml2/mod-image.html#s_imagemodule

                Gänzlich falsch ist dies aber auch wiederum nicht, da sich das img-Element hier nun offenbar endlich am object-Element orientiert und den Alternativtext in sich und nicht mehr im alt-Attribut beherbergt.

                Einen schönen Freitag noch.

                Gruß, Ashura

                1. Hallo,

                  Bitte? Wer will das IMG-Element aus (X)HTML wegfallen lassen?
                  http://www.w3.org/TR/xhtml2/mod-image.html#s_imagemodule
                  Gänzlich falsch ist dies aber auch wiederum nicht,

                  Doch, die Aussage, dass das IMG-Element entfallen soll, ist falsch.

                  da sich das img-Element hier nun offenbar endlich am object-Element orientiert und den Alternativtext in sich und nicht mehr im alt-Attribut beherbergt.

                  Das hat aber mit dem OBJECT-Element nichts zu tun:
                  http://www.w3.org/TR/xhtml2/mod-embedding.html#col_Embedding

                  http://www.w3.org/TR/xhtml2/mod-embedding.html#s_embeddingmodule

                  viele Grüße

                  Axel

                  1. Hallo Axel.

                    Bitte? Wer will das IMG-Element aus (X)HTML wegfallen lassen?
                    http://www.w3.org/TR/xhtml2/mod-image.html#s_imagemodule

                    Gänzlich falsch ist dies aber auch wiederum nicht,

                    Doch, die Aussage, dass das IMG-Element entfallen soll, ist falsch.

                    Das ursprüngliche (leere) img-Element existiert ja dann auch in dieser Form nicht mehr und wird erweitert.

                    da sich das img-Element hier nun offenbar endlich am object-Element orientiert und den Alternativtext in sich und nicht mehr im alt-Attribut beherbergt.

                    Das hat aber mit dem OBJECT-Element nichts zu tun:

                    Aber zumindest mit dem Konzept, dass das object-Element von Anfang an verfolgte. (Anzeige von textuellem Inhalt bei Nichtanzeige der eigentlichen Ressource.)

                    Einen schönen Freitag noch.

                    Gruß, Ashura

              2. Hallo,

                http://www.w3.org/TR/xhtml2/mod-image.html#s_imagemodule

                Du mußt auch weiter lesen, z.B. Kap. 24:

                http://www.w3.org/TR/xhtml2/mod-object.html#s_objectmodule

                Zitat:
                "The Object Module provides elements for general-purpose object inclusion; this includes images and other media, as well as executable content. Specifically, the Object Module supports:"

                Oder weiter unten ein Beispiel:

                "Example

                <object src="http://www.example.com/foo.jpg" srctype="image/jpeg">
                   <em>alternate text</em>
                </object>"

                In älteren working drafts fehlt das image module gänzlich - es ist auch jetzt noch nicht sonderlich umfangreich - . Die Aufnehme dient wohl eher der Abwärtskompatibilität als es der Überzeugung des W3C entspringt, daß es notwendig sei.

                Gruß
                Avalon

  3. Hallo Tannenbaum,

    wie kann man bei iframes Hintergrundfarbe definieren?

    Ganz einfach, mit CSS! Verpass deinem Iframe ein entsprechendes Style-Attribut.

    Ich habe einen schwarzen iframe. Wenn ich die Seite aktualisiere, dann bleibt der Hintergrund eine Weile weiß. Das dauert zwar < 1sec, stört aber.

    Damit das dann auch im IE sichtbar wird, musst du dem Iframe auch das proprietäre Attribut allowtransparency="true" geben und wenn das eingebundene Dokument im Quirksmode ist, dem dortigen Body die Hintergrundfarbe "transparent" geben. Im Standard-Modus brauchst du noch nicht einmal das, du darfst dem Body im im Iframe eingebundenen Dokument aber auch dann definitiv nichts anderes als "transparent" geben, kannst die Angabe dann aber auch ganz weglassen.

    Da Opera da nicht mitspielt, musst du für Opera ggf. eine Browserweiche einbauen, die den Hintergrund des eingebundenen Dokuments auf schwarz statt auf transparent setzt. Opera-Nutzer müssen mit dem andersfarbigen Hintergrund beim Laden leben.

    Gruß Gernot

    1. Damit das dann auch im IE sichtbar wird, musst du dem Iframe auch das proprietäre Attribut allowtransparency="true" geben und wenn das eingebundene Dokument im Quirksmode ist, dem dortigen Body die Hintergrundfarbe "transparent" geben. Im Standard-Modus brauchst du noch nicht einmal das, du darfst dem Body im im Iframe eingebundenen Dokument aber auch dann definitiv nichts anderes als "transparent" geben, kannst die Angabe dann aber auch ganz weglassen.

      Da Opera da nicht mitspielt, musst du für Opera ggf. eine Browserweiche einbauen, die den Hintergrund des eingebundenen Dokuments auf schwarz statt auf transparent setzt. Opera-Nutzer müssen mit dem andersfarbigen Hintergrund beim Laden leben.

      Oh man, danke! Woher weiß du das? :) Die eingebundenen Dokumente sind bei mir mit bgcolor="#000000". Wozu transparent? Das habe ich nicht verstanden. Und was ist Quirksmode?

      1. Hallo Tannenbaum,

        Oh man, danke! Woher weiß du das? :) Die eingebundenen Dokumente sind bei mir mit bgcolor="#000000". Wozu transparent? Das habe ich nicht verstanden. Und was ist Quirksmode?

        Es gibt ja zwei Möglichkeiten, den Hintergrund zu definieren; entweder im Iframe-Element selbst oder im eingebundenen Dokument. Damit der Hintergrund eines Iframes hinter dem darin eingebundenen Dokument durchscheinen kann, darf dieses Dokument selbst natürlich keine Hintergrundfarbe haben. Der IE lässt aber -wie gesagt- die Hintergrundfarbe eines Iframe-Dokuments auch nur dann durchscheinen, wenn man ihm allowtransparency="true" als Attribut gibt. Ansonsten sieht der Nutzer die in seinem Browser eingestellte Default-Hintergrundfarbe für HTML-Dokumente. Firefox braucht das proprietäre Attribut nicht. Bei Opera ist leider gar nichts zu machen, da musst du halt doch dem eingebunden Dokument die entsprechende Hintergrundfarbe verpassen, sonst sieht der Nutzer immer den Default-Dokumenthintergrund.

        Zum Quirks- vs. Standards-Mode lies bitte hier nach:

        http://de.selfhtml.org/css/formate/box_modell.htm#doctype_switch

        Gruß Gernot