Flash objektumot nem tudom középre igazítani
Sziasztok!
Nem tudom hogy itt jó helyen van-e, végül is a Flash része működik... Szóval van egy 800x375 pix méretű flash oldalam, és azt szeretném hogy bárhogy méretezi is át a látogató a saját böngészője lapját, azon mindig középen jelenjen meg benne a flash objectem.
Jelenleg mindig a bal felső sarokban van.
Egyelőre nem nagyon értek még a Dreamweaver-höz, de kísérletképpen abban is megnyitottam a kipublikált html-t, nézegetve a neten hogy kell középre igazítani (hátha a publikálást rontottam el), de hiába, próbáltam jobbklikk->align, illetve jobbklikk->edit tag-gel is, de továbbra sem műxik.
Sőt bármire állítom (top, middle, bottom, left, right, stb), nincs semmi változás, mindig a bal fölső sarokba igazítja
(FF és Safari alatt is néztem. A Flash es a DW verziója CS6, a flash player 11.3)
■ Nem tudom hogy itt jó helyen van-e, végül is a Flash része működik... Szóval van egy 800x375 pix méretű flash oldalam, és azt szeretném hogy bárhogy méretezi is át a látogató a saját böngészője lapját, azon mindig középen jelenjen meg benne a flash objectem.
Jelenleg mindig a bal felső sarokban van.
Egyelőre nem nagyon értek még a Dreamweaver-höz, de kísérletképpen abban is megnyitottam a kipublikált html-t, nézegetve a neten hogy kell középre igazítani (hátha a publikálást rontottam el), de hiába, próbáltam jobbklikk->align, illetve jobbklikk->edit tag-gel is, de továbbra sem műxik.
Sőt bármire állítom (top, middle, bottom, left, right, stb), nincs semmi változás, mindig a bal fölső sarokba igazítja
(FF és Safari alatt is néztem. A Flash es a DW verziója CS6, a flash player 11.3)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>vmap_120822</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #333333;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="800" height="375" id="vmap_120822" align="absmiddle">
<param name="movie" value="vmap_120822.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#333333" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="exactfit" />
<param name="menu" value="false" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object data="vmap_120822.swf" type="application/x-shockwave-flash" width="800" height="375" align="absmiddle">
<param name="movie" value="vmap_120822.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#333333" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="exactfit" />
<param name="menu" value="false" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>
Például
position: relative;
width: 100%;
height: 100%;
}
#flashcontent object {
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -187px;
}
Mért html?
thx!
Igen, így tényleg egyszerűbb, csak ezt eddig nem ismertem :) Köszi! :)
Egy további kérdés: mivel a példa objektumokat igazít, esetemben meg egy komplett rendszerről van szó, így azt csináltam hogy az swf-emet betöltöttem loader-rel egy movie clip-be, és arra már tudtam alkalmazni azokat a linkben leírt transzformációkat.
Vagy ez így túlbonyolítás és van egyszerűbb/elegánsabb/takarékosabb lehetőség is?
@Hidvégi Gábor: ez így nekem sajnos nem sikerült... Biztos én rontottam el valamit, persze ezzel a html+css dologgal még csak most ismerkedek. Az általad írt kódot a style-ba szúrtam be, de nem hozott változást.
Viszont amíg próbáltam bűvészkedni délelőtt a dreamweaverben, addig arra legalább rájöttem hogy ha nem jobbklikk stb-vel (ahogy fentebb leírtam), hanem a Format menü Align->Center-rel igazítom, akkor legalább vízszintesen már mindig középre igazítja a flash tartalmamat. Függőlegesen sajnos nem sikerült, úgy marad mindig az oldal legtetején.
Mindegy, egyelőre teljesen jól működik a vmarci21 által linkelt megoldás, lassan meg úgyis elmélyülök annyira a dreamweaverben is, hogy ott is rájövök a módjára :)
Elírtam
Köszi, így működik!
(persze ha figyelmesebb lettem volna akkor én is észrevehettem volna abból a sorból, amit lecserélek vele - hát egyelőre még nem áll rá a szemem a html-kódra :)
És így az én konkrét kérdésemre ez az egyszerűbb megoldás, egyszerűen csak be kell szúrnom ezt a pár sort.
De persze a linkelt megoldás is nagyon hasznos, arra az esetre, amikor magán a flash színpadon kell akár több objektumot is pozicionálni a böngészőablak átméretezésétől függően.