swfObject, 100% и теги

inMashine · 03.03.2008, 19:53

Если у кого-нибудь на форуме возникал вопрос о растяжении флешки на всю страницу то его отправляли смотреть файл 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> нужен к примеру если надо разместить на странице кроме флешки еще и текст. Кто нибудь знает как это лечится?

iNils · 03.03.2008, 20:06

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

Код:

<STYLE type="text/css">
	html {
		width: 100%;
		height: 100%;
	}
	body {
		width: 100%;
		height: 100%;
	}
</STYLE>

inMashine · 03.03.2008, 20:20

Все есть:

Код:

<!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>

iNils · 03.03.2008, 20:29

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

inMashine · 03.03.2008, 22:26

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

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

iNils · 04.03.2008, 00:02

Вместо

Код:

<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>

etc · 04.03.2008, 00:04

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

inMashine · 04.03.2008, 00:41

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

iNils · 04.03.2008, 00:48

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

Код:

#flashcontent {
	height: 100%;
}

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