FrankaB: div darüber, div mit flash (skaliert), div darunter

moin,

hab ein problem, dass mir bisher keiner beantworten konnte (im flashforum gabs dazu auch keine hilfreichen hinweise).

folgendermaßen ist die html-seite aufgebaut:

--------------
div1 mit text
--------------
div2 mit flash
--------------
div3 mit text
--------------

nun soll sich die flash-animation skalieren lassen - funktioniert. dazu muß ich aber sagen, die höhen- und breitenangaben sind nicht jeweils mit 100% angegeben: width="100%" height="500px". stelle ich hier auch für die höhe die 100% ein, ist kein flash-film zu sehen. allerdings skaliert der flash-film tadellos.

das jetzt sichtbare problem ist allerdings, dass das div3 immer den abstand von 500px zu div1 hält (eigentlich logisch).

nun ja, hier hätte ich gern mal das problem in die runde geworfen und hoffe, dass jemand eine passende lösung hat.

vielen dank für die aufmerksamkeit - für weitere fragen stehe ich selbstverständlich zur verfügung.

FrankaB

  1. Moin!


    div1 mit text

    div2 mit flash

    div3 mit text

    nun soll sich die flash-animation skalieren lassen - funktioniert. dazu muß ich aber sagen, die höhen- und breitenangaben sind nicht jeweils mit 100% angegeben: width="100%" height="500px". stelle ich hier auch für die höhe die 100% ein, ist kein flash-film zu sehen. allerdings skaliert der flash-film tadellos.

    Höhe = 100%: Da stellt sich die Frage: 100% von was?

    Und die Antwort lautet: 100% von Null. Denn eine Webseite hat standardmäßig keine Höhe, sie erhält sie erst durch den Inhalt, welcher eben nicht mit "Höhe: 100%" formatiert ist. Text beispielsweise hat eine Schriftgröße und Zeilenhöhe - die Höhe des Inhalts ergibt sich dann aus der Anzahl der Zeilen.

    Mit anderen Worten: Wenn du die Flash-Animation dynamisch an der Höhe des DIVs ausrichten willst, dann mußt du dem DIV eine Höhe geben und die Animation auf Höhe:100% setzen.

    Damit verlagert sich das Problem auf das DIV. Welche Höhe hat das DIV? 100% (oder 80%) von was? Also muß das umgebende Element auch eine Höhe kriegen. Und dessen umgebendes Element. Und das darüber. Bis hin zu <html>.

    das jetzt sichtbare problem ist allerdings, dass das div3 immer den abstand von 500px zu div1 hält (eigentlich logisch).

    Warum? Hast du absolut und mit Pixelangaben positioniert? Oder wenigstens dynamisch mit Prozentangaben?

    PS: Die Breite einer Seite ist schon von Hause aus 100% - vom linken Fensterrand zum rechten Fensterrand. Da existiert das Problem also nicht so stark, 100% sind immer die im umgebenden Element zur Verfügung stehende Breite - und die ist nicht zwingend Null.

    - Sven Rautenberg

    --
    ss:) zu:) ls:[ fo:} de:] va:) ch:] sh:) n4:# rl:| br:< js:| ie:( fl:( mo:|
    1. moin,

      Höhe = 100%: Da stellt sich die Frage: 100% von was?

      da hab ich mich wohl etwas ungenau ausgedrückt - sorry. ich meinte hier im zusammenhang die höhen und breiten, die im object- und embed-tag eingefügt werden (<object ... width="100%" height="500px">). wenn ich hier die höhe von 100% angebe, verschwindet halt die ganze animation im browser.
      das div selbst hat gar keine größenangaben. die richtet sich ja nach dem inhalt - denke ich jedenfalls.

      FrankaB

      1. Moin!

        Höhe = 100%: Da stellt sich die Frage: 100% von was?

        da hab ich mich wohl etwas ungenau ausgedrückt - sorry. ich meinte hier im zusammenhang die höhen und breiten, die im object- und embed-tag eingefügt werden (<object ... width="100%" height="500px">).

        Genau davon bin ich ausgegangen. :)

        wenn ich hier die höhe von 100% angebe, verschwindet halt die ganze animation im browser.

        Eben.

        das div selbst hat gar keine größenangaben. die richtet sich ja nach dem inhalt - denke ich jedenfalls.

        Und da beißt sich die Katze in den Schwanz.

        Du gibst dem DIV keine explizite Höhenangabe, also richtet es sich nach seinem Inhalt. Der Inhalt soll in der Höhe 100% groß werden. Aber welche Bezugsgröße wird zugrundegelegt? Die Höhe des DIVs, das außenrum ist. Das hat aber keine Höhe, sondern richtet sich nach dem Inhalt. Der ist aber so groß, wie das DIV. Und letztendlich kommt dabei heraus, dass sowohl das DIV als auch die Animation auf die Höhe "Null Pixel" gesetzt werden, weil das eben der Ausgangswert des DIVs ist, wenn es keinen Inhalt hat.

        Und jetzt liest du mein erstes Posting nochmal und verstehst dann wahrscheinlich, was ich gemeint habe, als ich schrieb: "100% von was?".

        - Sven Rautenberg

        --
        ss:) zu:) ls:[ fo:} de:] va:) ch:] sh:) n4:# rl:| br:< js:| ie:( fl:( mo:|
        1. Und jetzt liest du mein erstes Posting nochmal und verstehst dann wahrscheinlich, was ich gemeint habe, als ich schrieb: "100% von was?".

          ok, jetzt wird es etwas klarer - danke.
          ich müßte also den divs explizit größenangaben verpassen. wie sieht es denn aber mit der höhe aus. es gab ja schon genügend diskussionen um höhe=100% und der frage 100% von was (wenn ich mich recht erinnere). werds gleich mal probieren.

          FrankaB

          1. hi,

            ich müßte also den divs explizit größenangaben verpassen. wie sieht es denn aber mit der höhe aus. es gab ja schon genügend diskussionen um höhe=100% und der frage 100% von was (wenn ich mich recht erinnere).

            warum postest du jetzt exakt die fragestellung, auf die sven jetzt schon _zwei mal_ die antwort gegeben hat, noch einmal?

            bist du in der lage, zu _lesen_ _und_ zu _verstehen_?

            gruss,
            wahsaga

            1. warum postest du jetzt exakt die fragestellung, auf die sven jetzt schon _zwei mal_ die antwort gegeben hat, noch einmal?

              damit auch Du etwas zum schreiben hast.

              FrankaB

  2. Hallo.

    hab ein problem, dass mir bisher keiner beantworten konnte (im flashforum gabs dazu auch keine hilfreichen hinweise).

    Hatte ich dazu nicht vorhin etwas gelesen? Ja: http://www.hebig.org/blogs/archives/main/001219.php.
    MfG, at