Willkommen in der Welt des Flash/Background Mysteriums!
Ich glaub das ist insgesamt ein leidiges Thema… ich hab in vielen Foren Lösungsvorschläge gesehen, aber funktioniert hat bei mir nichts wirklich 100%ig.
Es geht hier wieder um diese Seite und das ist der letzte Punkt an dem ich hänge. Die Flash purzelt - wie man sieht - ganz unten herum.
So sollte es jedoch eigentlich aussehen: [ATTACH]2415.vB[/ATTACH]
Die Anforderungen:
[ul]
[li]Der gesamte Navigations- und Contentbereich sollte sich - wie jetzt bereits - individuell an die Bildschirmbreite zentrieren.[/li][li]Die Flash sollte wie auf dem Foto immer etwas versetzt im Hintergrund „mitgehen“ und 100% an die Bildschirmhöhe anpassen.[/li][/ul]
Leider hab ich bis jetzt immer nur 1 der beiden Anforderungen hinbekommen. :sad:
Ich hab es mit „position: absolute; z-index…“ probiert, aber dann hab ich wieder Probleme mit der Zentrierung.
Desweitere zusätzlich mit value=„transparent“.
Ich weiß einfach nit, wie das hinhaut, dass BEIDES funktioniert. DANKE für eure Hilfe!
</div>
<div class="content">
<?php include($_GET['go'].'.php'); ?>
</div>
<div id="footer">
<a href="index.php?go=impressum">IMPRESSUM</a> | <a href="index.php?go=contact">KONTAKT</a>
</div>
</div>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="341" height="340" >
<param name="wmode" value="transparent" />
<param name="movie" value="fla/wurzel.swf" />
<param name="quality" value="high" />
<param name="swfversion" value="6.0.65.0" />
<!-- Dieses param-Tag fordert Benutzer von Flash Player 6.0 r65 und höher auf, die aktuelle Version von Flash Player herunterzuladen. Wenn Sie nicht wünschen, dass die Benutzer diese Aufforderung sehen, löschen Sie dieses Tag. -->
<param name="expressinstall" value="scripts/expressInstall.swf" />
<!-- Das nächste Objekt-Tag ist für Nicht-IE-Browser vorgesehen. Blenden Sie es daher mit IECC in IE aus. -->
<!--[if !IE]>-->
<object data="fla/wurzel.swf" type="application/x-shockwave-flash" width="341" height="340">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="scripts/expressInstall.swf" />
<!-- Im Browser wird für Benutzer von Flash Player 6.0 und älteren Versionen der folgende alternative Inhalt angezeigt. -->
<div>
<h4>Für den Inhalt dieser Seite ist eine neuere Version von Adobe Flash Player erforderlich.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player herunterladen" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</body>
Du bist fast auf dem richtigen Weg.
Dein CSS:
[HTML]#FlashID { position: absolut; z-index: -1; height: 100%; }[/HTML]
Du musst dem Wrapper einen höheren Z-Index geben, damit er auch immer darüber liegt. Zum Beispiel 100.
Wenn du absolute Positionen verwendest, nimmst du das Element aus dem Fluss der Darstellung heraus. Dazu musst du aber auch mitteilen wo genau dein Element, hier ID FlashID, genau hin soll.
Zudem hast du den Wert beim Attribut position falsch geschrieben, es muss absolute heissen, das ist doch kein Vodka.
siehe auch:position: Positionsart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Da du es oben rechts haben willst schreibst du es auch so:
[HTML]#FlashID { position: absolute; z-index: -1; top:0; right:0; }[/HTML]
Die Höhe ergibt sich aus dem Flash und dort steht eine Höhe von 340 Pixeln drin.
Danke! Danke! Danke!
Ich weiß nit, wie lang ich da dabei gesessen bin und probiert hab (…) *augenringe
Wegen dem z-index hat es zwar kurz Interferenzen mit der Galerie gegeben, aber das passt jetzt auch.
… es muss absolute heissen, das ist doch kein Vodka.
Jetzt hast mich aber aufgeklatscht, was ich so in meiner Freizeit scheinbar mach (…)
Das einzige Problematik was noch ist:
Der Wrapper zentriert sich ja je nach Browserbreite automatisch. Das passt ideal.
Besteht jedoch die Möglichkeit, dass sich die Flash immer an den Wrapper orientriert und man einen bestimmten Abstand definiert?
Da es mit dem Lesen dann Probleme geben gibt, für User mit anderen Bildschirmgrößen.
Ich hab dir hier eine Grafik gemacht zum leichteren Verständnis:
Als Lösung sehe ich nur eine Mindestbreite (min-width) für das Element von vielleicht 1200pixel oder etwas mehr.
Dann erscheinen bei kleinerem Viewport halt Scrollbalken.
Die richtige Breite muss durch auspropbieren ermittelt werden denke ich.
Kurzes Update über meine endgültige Lösung zur „Flash“ Problematik.
Hoffe es ist schlussendlich keine Pfusch Lösung geworden und weiterhin konform, aber nun rutscht es schön automatisch mit und es zeigt durch „hidden“ auch keinen horizontalen Scroller mehr an. Danke Tronjer für den Tipp mit dem Wrapper.