使用页眉和页脚嵌入SWF

时间:2013-02-21 08:52:33

标签: css html

我无法让我的网站有一个标题,一个嵌入式swf在中间,然后一个页脚。每次它最终使我的页面必须按标题+页脚的大小进行垂直滚动。我正在使用swfObject并将swf嵌入100%宽度和100%高度。

有没有人知道如何设置div和css的正确顺序,使swf缩放到页眉和页脚之间的空白区域?

我正在尝试使用以下格式

<div id="container">
    <div id="header">
    <div id="content"> SWF would go here
    <div id="footer">
</div> end container

1 个答案:

答案 0 :(得分:1)

这是你在寻找什么......? :o

<div id="container">
<div id="header"> <p align="center"> Header</p>  </div>

<div id="content"> 
        <object width="400" height="80%"
            classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
            codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
            <param name="SRC" value="bookmark.swf">
            <embed src="bookmark.swf" width="100%" height="80%"></embed>
        </object>
</div>

<div id="footer"> <p align="center"> Footer</p>  </div>


您可以使用javascript方法。 首先找出页眉和页脚之间的间距,然后调整闪光灯的大小。以下脚本可以帮助您。

  <script>
  function myFunction()
    {
      // get the heights //
      var containerHeight = document.getElementById("container").offsetHeight;
      var headerHeight = document.getElementById("header").offsetHeight;
      var footerHeight = document.getElementById("footer").offsetHeight;

      // get the vertical spacing //      
      var height_of_flash = containerHeight-(headerHeight+footerHeight);

      // set the heights //
      var e1 = document.getElementById("object_swf");
      e1.style.height =  height_of_flash;
   }
   </script>