Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   Выравнивание flash в html (http://www.flasher.ru/forum/showthread.php?t=194807)

remix.remix 22.02.2013 20:42

Выравнивание flash в html
 
Здравствуйте! Подскажите пожалуйста как сделать вертикальное выравнивание по центру в 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; ничего не получилось.
Значит, скорее всего, родительскому контейнеру не была прописана ширина


Часовой пояс GMT +4, время: 16:14.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.