我无法让我的网站有一个标题,一个嵌入式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
答案 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>