1

Web サイトのヘッダー、中央に埋め込まれた 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。最初にヘッダーとフッターの間のスペースを見つけてから、フラッシュのサイズを変更します。次のスクリプトが役立つ場合があります。

  <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 に答える