Выравнивание flash в html

remix.remix · 22.02.2013, 20:42

Здравствуйте! Подскажите пожалуйста как сделать вертикальное выравнивание по центру в html. Вот код который генерирует flash cs6:

Код:

<!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>Untitled-1</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
		html, body { height:100%; background-color: #ffffff;}
		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="1280" height="1024" id="Untitled-1" align="middle">
				<param name="movie" value="Untitled-1.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#ffffff" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="window" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="Untitled-1.swf" width="1280" height="1024">
					<param name="movie" value="Untitled-1.swf" />
					<param name="quality" value="high" />
					<param name="bgcolor" value="#ffffff" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="window" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<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>

Извините, подобные темы уже создавались на форуме, но ни один из советов не помог.

caseyryan · 22.02.2013, 21:25

описать позиционирование блока с флешем через CSS

remix.remix · 22.02.2013, 21:58

vertical-align: middle; ?

ZicoRio · 23.02.2013, 02:06

Вложение объектов друг в друга это реальная шляпа.
Каждый браузер может лепить во что горазд и из-за этого ломать стили.
Определите заранее браузер и оставьте один объект.

Смысл следующий - чтобы выровнять по вертикали и горизонтали укажите в CSS:

Код:

#Untitled-1{
margin:auto;
}

Если в каких-то браузерах не пойдет, укажите:

Код:

#Untitled-1{
display:block;
margin:auto;
}

Короче поиграйте с [margin:auto;] - выравнивает блок по центру.
[vertical-align: middle;] - работает только в ячейке таблицы, да и то не для блоков.

mooncar · 23.02.2013, 02:38

Вопрос связан с версткой, а не с флешем. Переезжаем.

remix.remix · 23.02.2013, 18:20

Спасибо, удалось решить проблему так:
height:1024px;
position:absolute;
top:50%;
margin-top:-512px;

C margin:auto; ничего не получилось.

caseyryan · 23.02.2013, 19:09

Цитата:

C margin:auto; ничего не получилось.

Значит, скорее всего, родительскому контейнеру не была прописана ширина