Форум Flasher.ru - swfObject, 100% и теги

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- - swfObject, 100% и теги (http://www.flasher.ru/forum/showthread.php?t=108925)

swfObject, 100% и теги

Если у кого-нибудь на форуме возникал вопрос о растяжении флешки на всю страницу то его отправляли смотреть файл fullpage.html (в крмплекте с swfobject). Все понятно, все работает:

Код:

 <div  id="flashcontent" >

        test

    </div>



    <script type="text/javascript">

                var so = new SWFObject("test.swf", "sotester", "100%", "100%", "8", "#FF6600");

                so.addParam("scale", "showall");

                so.write("flashcontent");

    </script>

Но если поместить все это дело в какой-нибудь тег (<div> например), то
минимум в FF с флешкой происходит что-то ужасное ( все уплывает куда-то вверх).

Код:

     <div>

    <div  id="flashcontent" >

        test

    </div>



    <script type="text/javascript">

                var so = new SWFObject("test.swf", "sotester", "100%", "100%", "8", "#FF6600");

                so.addParam("scale", "showall");

                so.write("flashcontent");

    </script>

  </div>

Общий <div> нужен к примеру если надо разместить на странице кроме флешки еще и текст. Кто нибудь знает как это лечится?

Если я правильно понял проблему, то надо добавить в html

Код:

<STYLE type="text/css">

        html {

                width: 100%;

                height: 100%;

        }

        body {

                width: 100%;

                height: 100%;

        }

</STYLE>

Все есть:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

        <title></title>

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

    <script type="text/javascript" src="swfobject.js"></script>

    

    <style type="text/css">



        /* hide from ie on mac \*/

        html {

                height: 100%;

                overflow: hidden;

        }



        #flashcontent {

                height: 100%;

        }

        /* end hide */



        body {

                height: 100%;

                margin: 0;

                padding: 0;



        }



</style>

</head>



<body  bgcolor="black">



   <div>

            <div  id="flashcontent" >

                        test

            </div>

                  <script type="text/javascript">

                        var so = new SWFObject("so_tester.swf", "sotester", "100%", "100%", "8", "#FF6600");

                                        so.addParam("scale", "showall");

                                        so.write("flashcontent");

              </script>

   </div>





</body>

</html>

Тогда давайте ссылку на сайт. Или полный архив покажите.

http://a10vs1.fatal.ru/so_tester/so_tester.html

Квадрат должен быть размером 160x160 по центру, но в FF все подругому.

Вместо

Код:

<div>

        <div id="flashcontent" >

                test

        </div>

        <script type="text/javascript">

                var so = new SWFObject("so_tester.swf", "sotester", "100%", "100%", "8", "#FF6600");

                so.addParam("scale", "showall");

                so.write("flashcontent");

        </script>

</div>

надо

Код:

<div id="flashcontent" >

        test

</div>

<script type="text/javascript">

        var so = new SWFObject("so_tester.swf", "sotester", "100%", "100%", "8", "#FF6600");

        so.addParam("scale", "showall");

        so.write("flashcontent");

</script>

А кто добавил параметр scale? Вы сами? Тогда удивляться подобному поведению незачем.

A.D. Skinner, так в этом и был вопрос изначально:Но если поместить все это дело в какой-нибудь тег (<div> например), то минимум в FF с флешкой происходит что-то ужасное ( все уплывает куда-то вверх).
Deamon, если убрать строку so.addParam("scale", "showall"); ,
то ничего не меняется.

Вы обратили внимание, что в css есть запись

Код:

#flashcontent {

        height: 100%;

}

это к диву с флешкой, а к внешнему диву этот стиль не применятся. Попробуйте вместо #flashcontent написать DIV