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:|