nicht angemeldet
Flash im Layer-Hintergrund zentrieren
Hallo Ihr Spezialisten,
ich habe ein Flash mit 2000x200 Pixel und möchte dies in einem Layer (div) als Hintergrund horizontal zentrieren - ohne dass es sich dabei automatisch an die Breite des Browserfensters anpasst (kein skalieren!). Der Effekt ist, dass bei kleinem Browserfenster nur der Mittelteil zu sehen ist und erst bei großem Browserfenster alles sichtbar wird.
Mit einem Bild klappt das prima - aber wie mit einem Flash?
Beim Bild mache ich das so:
HTML:
-------------------------------------------------------------
<div id="image" style="background-image:url(bild.jpg)"></div>
CSS:
--------------------------------------
#image {background-position:center;}
Ich würde mich über einen Hinweis sehr freuen!
-
Mit einem Bild klappt das prima - aber wie mit einem Flash?
Was hast du gemacht, dass es bei einem object-Element nicht funktioniert, bei einem img-Element aber schon?
-
Nun, die Problematik beim Flash ist, dass dieses immer linksbündig im DIV eingebunden wird.
<DIV> <OBJECT>flash</OBJECT> </DIV>
Wie bekomme ich das also zentriert in den Hintergrund des Layers? Quasi nach folgendem Prinzip:
<DIV background:"<OBJECT>flash</OBJECT>" > </DIV>
-
Nun, die Problematik beim Flash ist, dass dieses immer linksbündig im DIV eingebunden wird.
Ein zusätzliches div-Element ist nicht notwendig, man kann auch das object-Element wunderbar entsprechend ausrichten oder formatieren.
Aber nochmal meine Frage: was hast du gemacht, dass das Bild zentriert ist, das Flash-Dinges aber nicht?
-
Folgenden Code verwende ich derzeit - aber dann ist das Flash immer auf voller Breite sichtbar, linksbündig und ich habe Scrollbalken im Browser...
<div id="animation">
<object id="FlashID" classid="gekürzt" width="1920" height="140">
<param name="movie" value="flash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
</object></div>
-
Folgenden Code verwende ich derzeit - aber dann ist das Flash immer auf voller Breite sichtbar, linksbündig und ich habe Scrollbalken im Browser...
<div id="animation">
<object id="FlashID" classid="gekürzt" width="1920" height="140">
<param name="movie" value="flash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
</object></div>
Das type- und das data-attribut in deinem Flash-Element fehlen.
Wie siehts denn mit width="100%" aus - die darstellung anhand der zur verfügung stehenden Anzeigefläche kann dann das Flash selbst übernehmen.
-
Mit width="100%" würde sich das Flash doch wohl immer auf Browserbreite skalieren. Genau das will ich nicht! Daher nochmal mein Anliegen:
Das Flash bleibt immer konstant groß. Bei kleinerem Browserfenster soll sozusagen links und rechts was "verdeckt" werden, da es immer zentriert anzuzeigen ist. So wie bei meiner Bildvariante - nur eben mit der Flash-Datei.
-
Mit width="100%" würde sich das Flash doch wohl immer auf Browserbreite skalieren.
Das object-Element ja was das Flash selbst aber wo anzeigt hat damit nicht viel zu tun.
Das Flash bleibt immer konstant groß. Bei kleinerem Browserfenster soll sozusagen links und rechts was "verdeckt" werden, da es immer zentriert anzuzeigen ist. So wie bei meiner Bildvariante - nur eben mit der Flash-Datei.
Das geht nicht - jedenfalls nicht ohne Scrollbalken. Darum mein vorschlag mit 100% breite und den Rest im Flash machen.
-
-
-
-
-
-