Flash swf positioneren middels css?? [Archief]

Volledige versie bekijken : Flash swf positioneren middels css??

PageMaker

%Europe/Berlin %559 %2010, 13:25

Ik tracht met de volgende code een div te positioneren die de swf bevat. In DW staat de div keurig gecentreerd, maar in de HTML pagina (browser: Mozilla FireFox) blijft de swf even keurig linksboven staan. Wat doe ik fout c.q. zie ik over het hoofd?
#HTMLcontainerID {
width: 550px;
height: 400px;
margin-left: auto;
margin-right:auto;
/*
margin-left: -275px;
left: 50%;
position: absolute;
*/
}
Ik heb beide mogelijkheden getest met gelijkblijvend resultaat.

Ik gebruik de volgende swfobject code:
<script type="text/javascript">
var flashvars = {};
var params = {};
params.loop = "false";
params.menu = "false";
params.quality = "high";
params.scale = "noscale";
params.bgcolor = "0x99999";
params.allowfullscreen = "true";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "FotoKnopTestID";
attributes.align = "middle";
swfobject.embedSWF("FotoKnopTest.swf", "HTMLcontainerID", "550", "400", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
Het kan zijn dat swfobject iets met de positie doet, maar dat zou css moeten overschrijven want die komt na het javascript.
Graag een vingerwijzing.

mknol

%Europe/Berlin %987 %2010, 23:42

Tip: Gebruik eens een debugger zoals ie-toolbar, firebug of chrome toolbar en ga de html-elementen in de pagina inspecteren. Daar zal je zien dat de ID inderdaad niet meer HTMLcontainerID is, maar FotoKnopTestID, zoals je het in de swfobject hebt gedefineerd ;)
attributes.id = "FotoKnopTestID";Daarbij heb je de id zelf opgegeven, dus dat zou al een vingerwijzing moeten zijn :)

PageMaker

%Europe/Berlin %558 %2010, 13:23

Dank voor de reactie.
Maar in m'n html heb ik dit:
<body onload="pageInit()">
<div id="HTMLcontainerID">
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<p>Download bovenstaande plug-in wanneer u geen Flash Player hebt geïnstalleerd.</p>
<p>Wanneer u javascript hebt uitgezet kunt u deze inhoud niet zien.</p>
</div>
</body>
En daar heeft die div toch echt een id="HTMLcontainerID", waarom gebeurt er dan toch iets anders?

Oh, oh; Kan het zijn dat swfobject niet alleen de inhoud van die div verandert maar ook z'n id? Als dat zo is dan moet ik zowel op de div id als op het attribute id dezelfde css code zetten.

Het werkt, maar alleen met deze code:
margin-top: 80px;
margin-left: -275px;
left: 50%;
position: absolute;
Browser: Mozilla FireFox

mknol

%Europe/Berlin %601 %2010, 14:25

Oh, oh; Kan het zijn dat swfobject niet alleen de inhoud van die div verandert maar ook z'n id? Als dat zo is dan moet ik zowel op de div id als op het attribute id dezelfde css code zetten.
Dat is inderdaad wat er gebeurt :)