Question

可能重复：
Why is my swf taking up more space than it actually is?

我在HTML中嵌入了一个简短的flash动画。 swf位于一个名为mainspace的div内，该div位于另一个名为container的div中。主空间div在所有侧面都有10px的填充，将其总面积从640x500更改为620x480。 swf是620x480，但奇怪的是，它导致溢出和滚动条出现在Firefox（但不是IE）中。

这是HTML：

<div class="mainspace">

<object type="application/x-shockwave-flash" data="images/indexslideshow.swf" width="620" height="480">

<param name="movie" value="indexslideshow.swf"/>

<param name="wmode" value="transparent"/>

<a href="http://www.adobe.com/go/getflash"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/></a>

</object>

</div>

这是CSS

.mainspace {
width:620px;
height:480px;
overflow:auto;
position:absolute;
text-align:left;
margin:0px 0px 0px 160px;
padding:10px;
z-index:1;
}

.mainspace img {
border:none;
}

.imglinks1 {
margin-left:auto;
margin-right:auto;
width:50px;
border:none;
z-index:2;
}

.imglinks2 {
margin:0 0px 0 0px;
float:left;
border:none;
z-index:3;
}

body .mainspace {

}

.mainspace p {margin:0px 0 14px 0;}

.mainspace h1 {margin-left:10px; font-size:18px; color:#56AD3D; clear:both;}
.mainspace h2 {margin-left:10px; font-size:15px; color:#56AD3D; clear:both;}
.mainspace h3 {margin-left:30px; font-size:15px; color:#56AD3D;}
.mainspace h4 {margin-left:40px; font-size:15px; color:#56AD3D;}
.mainspace h5 {font-size:16px;}
.mainspace h6 {font-size:16px;}

.mainspace a:link {color:#E0D3C6; text-decoration:none;}
.mainspace a:visited {color:#56AD3D; text-decoration:none;}
.mainspace a:hover {color:#56AD3D; text-decoration:none;}

imglinks div与此页面无关，如果有人能告诉我如何在保持XHTML严格的同时解决这个问题，我将非常感激。

Answer 1

尝试使用此method来嵌入您的swf对象。它有几个用户友好的功能。

您可以从here

下载swfobject javascript calss

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
    var flashvars = {};
    var params = {};
    var attributes = {};   
    swfobject.embedSWF("indexslideshow.swf", "mainspace", "300", "120", "9.0.0", false, flashvars, params, attributes);
</script>

Answer 2

overflow-x: none;
overflow-y: none;

Swf导致溢出

2 个答案: