Почему мой swf занимает больше места, чем на самом деле? - PullRequest
Новая
       2

Почему мой swf занимает больше места, чем на самом деле?

0 голосов
/ 21 августа 2011

Я создал простую флеш-анимацию, которая будет работать как слайд-шоу на первой странице моего сайта. Поскольку контейнер был 640 на 500 с отступом 10 пикселей вокруг, я сделал swf 620 на 480, чтобы он идеально подходил. По какой-то странной причине, когда я просматриваю свой сайт или загружаю его на свой хост-сервер, появляются полосы прокрутки, указывающие на то, что анимация слишком велика. Я не могу понять, что я делаю неправильно. Вот HTML-код, относящийся к анимации и контейнеру: 

<div class="mainspace">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="620" height="480" id="windexslideshow">
<param name="movie" value="images/indexslideshow.swf"/>
<param name="wmode" value="transparent"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/indexslideshow.swf" width="620" height="480">
    <param name="movie" value="images/indexslideshow.swf"/>
    <param name="wmode" value="transparent"/>
<!--<![endif]-->
    <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>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object> 
</div>

А вот CSS для контейнера: 

.mainspace {
width:620px;
height:480px;
overflow:auto;
position:absolute;
text-align:left;
margin:0px 0px 0px 160px;
padding:10px; /*adds to the content area above (width and height), so it's actually 640 by 500*/
z-index:1;
}

.mainspace img {
border:none;
}

.mainspace .slide {
margin-left:auto;
margin-right:auto;
width:620px;
}

.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;}*/

Ответы [ 2 ]

1 голос
/ 21 августа 2011

<div class="mainspace"> на самом деле 620x480 (а не 640x500, как вы сказали) с отступом 10px.Это делает фактическую площадь <div> 600x460, так как заполнение находится внутри, поэтому вы переполнены.

0 голосов
/ 21 августа 2011

DIV с основным пространством класса имеет левое поле 160px; это то, что вы имеете в виду?

...