1

我无法让我的网站有页眉、中间嵌入的 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
4

1 回答 1

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方法。首先找出页眉和页脚之间的间距，然后调整 Flash 的大小。以下脚本可能会对您有所帮助。

  <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>
于 2013-02-21T09:12:11.463 回答