Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Dietahhh
Threadersteller
Dabei seit: 09.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 08.09.2008 16:01
Titel [html][css] flashfilm in div als hintergrund aber zentiert? |
|
|
moin leute...
ich hab da grad n riesenproblem bezüglich einer platzierung eines flashfilms. zur info: habe kein plan von flash, ich will lediglich den film einbetten. folgendes:
ich hab eine seite, bei der ich den body-tag so geändert habe, dass alle elemente mittig stehen. dann habe ich einen relativen div-container mit der endgröße meiner page erstellt und die zwei haupt-ap-divs da reingeklatscht. nun möchte ich einen flashfilm, der ca. 2000 px breit ist, in den hintergrund der gesamten seite knallen. da man einen flashfilm ja nun nicht wie ein hintergrundbild behandeln kann, wollte ich diesen in einen div-container mit dem niedrigsten z-index-wert packen. das problem ist nun, dass der mittig platzierte relative div-container alle elemente verdrängt. versuche ich nun, den film in diesen container zu packen (als ap-div) habe ich das problem, dass der film zwar theoretisch mittig platziert ist, der div-container nun aber eine breite von 2000 px hat und nun links (am browserfenster) klebt und nicht wie auch nach rechts oder unten ins unendliche läuft.
puhh, sehr schwer zu erklären... hier nochmal dieeigentlich frage:
wie kann ich einen flashfilm mit 2000 px breite (mit definiertem abstand nach oben) als hintergrundelement in eine seite einfügen, bei der alle elemente mittig ausgerichtet sind?
hier der bisherige code (statt des flashfilms ahbe ich nun den ersten frame des filmes als png-hintergrundbild eingefügt):
Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
text-align: center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(bilder/hg_schwinge.png);
background-repeat: no-repeat;
background-position:top center;
}
#maindiv {
position: relative;
z-index: 2;
width: 830px;
left: 0px;
top: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#menue {
position:absolute;
left:0px;
top:0px;
width:830px;
height:153px;
z-index:2;
background-color: #FF0000;
}
#inhalt {
position:absolute;
left:0px;
top:153px;
width:830px;
height:463px;
z-index:2;
background-color: #003399;
}
-->
</style>
</head>
<body>
<div id="maindiv">
<div id="menue"></div>
<div id="inhalt"></div>
</div>
</body>
</html>
|
ich danke schonmal für jede hilfe!!!!
gruss,
dieter
|
|
|
|
|
fex
Dabei seit: 31.01.2007
Ort: Neunkirchen
Alter: 42
Geschlecht:
|
Verfasst Mo 22.09.2008 14:24
Titel
|
|
|
Kann jemand da weiterhelfen? Habe ein ähnliches Problem, dass sich im Hintergrund einen Flash-Film ablaufen lassen will und darüber dann DIVs mit anderem Inhalt (Links, Texte, Grafiken) legen will, die diesen dann teilweise überdecken sollen. Nur leider liegt der Flash-Film immer im Vordergrund und überlagert alles andere, auch wenn der DIV in dem der Film drin ist vom z-index eigentlich ganz unten liegen sollte.
|
|
|
|
|
Anzeige
|
|
|
Razr84
Dabei seit: 07.11.2006
Ort: -
Alter: 39
Geschlecht:
|
|
|
|
|
fex
Dabei seit: 31.01.2007
Ort: Neunkirchen
Alter: 42
Geschlecht:
|
Verfasst Mo 22.09.2008 16:12
Titel
|
|
|
Den Beitrag hatte ich eigentlich gesucht. Bin schon mal drauf gestoßen, war mir nur nicht sicher, ob der von hier war. Keine Ahnung was ich falsch gemacht hab, dass ich ihn in der Suche nicht gesehen hab....
Nichtsdestotrotz, vielen Dank. Der Trick scheint wohl am wmode zu liegen, denn mit dem z-index im CSS lässt sich nix ausrichten. Kannst mir nicht vielleicht sagen, wie ich das Flash dann korrekt ins HTML einbinde? Ist das erste mal, dass ich was mit Flash machen muss und habs automatissch mit Dreamweaver reingemacht:
Code: | <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','550','height','400','src','test_scannerfla','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','test_scannerfla' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="550" height="400">
<param name="movie" value="test_scannerfla.swf" />
<param name="quality" value="high" />
<embed src="test_scannerfla.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="400"></embed>
</object></noscript> |
|
|
|
|
|
fex
Dabei seit: 31.01.2007
Ort: Neunkirchen
Alter: 42
Geschlecht:
|
Verfasst Fr 03.10.2008 18:13
Titel
|
|
|
Habs geschafft mit Hilfe des wmode die Flashanimation in den Hintergrund zu kriegen. Nach etwas Recherche habe ich rausgefunden, dass es wohl besser ist Flash mittel swfobject einzubinden (da W3C-konform). Habe dazu drei Wege gefunden:
1. Static Publishing
2. Dynamic Publishing http://www.video-flash.de/index/swfobject-20-final-swfobject-zum-einbetten-von-flash-swf-in-html/
3. über Object http://www.zweigang.de/Blog/swfobject-flashobject-zum-einbinden-von-flash-in-html-flashdetection-enableactivex/
Bei letzterem klappt das mit der Angabe des wmode irgendwie nicht. Die Ani liegt wieder im Vordergrund und überlagert alles andere. Würds gerne mit Dynamic Publishing versuchen, weil das irgendwie noch am elegantsten im Code aussieht. Weiß nur leider nicht, wo ich da den Parameter wmode="transparent" angebeben soll.
Hab mittlerweile auch meine Flash-Bücher nochmal vorgekramt, sind aber alle aus dem Jahr 2004 oder älter, da steht leider noch nix über sfwobject drin.
Kann mir jemand sagen, wo ich den wmode-Parameter unterbringen kann? Das hier ist der Beispielcode von der Seite wo ichs herhab. Läuft auch soweit, nur wie gesagt liegt da Flash im Vordergrund....
Code: | <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SWFObject v2.0 dynamic embed sample page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("myflash.swf", "meinFlash", "550", "400", "9.0.0", "expressInstall.swf");
</script>
</head>
<body>
<div id="meinFlash">
<h1>Alternativer Inhalt</h1>
<p>Dies ist der HTML-Code, wenn Flash nicht verfügbar oder veraltet ist.</p>
</div>
</body>
</html>
|
|
|
|
|
|
|
|
|
Ähnliche Themen |
flashfilm mit einem transparenten hintergrund
Div mit Flashfilm vor anderen Flashfilm. Wie geht das?
html hintergrund
DIN A4 Hintergrund als HTML-Seitenhintergrund
html hintergrund 3 teile
[HTML] Bild in den Hintergrund?
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|