All
Вот что я пытаюсь сделать.
У меня есть Flash SWF, который встроен в DIV. В зависимости от взаимодействия пользователя с этим SWF, я бы хотел динамически регулировать высоту SWF.
Сам SWF имеет высоту 1200 пикселей. По умолчанию высота DIV составляет 690 пикселей, поэтому нижняя часть SWF-файла обрезается (это поведение, которое я хочу). Затем DIV будет уменьшаться или увеличиваться, раскрывая или сокращая больше SWF.
Вот как выглядит мой HTML:
<body>
<div id="flash_wrapper">
<div id="flash_content">
This div will be replaced by an object via SWFObject
</div>
</div>
</body>
Вот мой CSS:
body, html {
margin: 0;
padding: 0;
background:#ffffff;
}
#flash_wrapper {
width:1000px;
height:690px;
margin:0;
}
#flash_content {
display: block;
width: 100%;
height: 100%;
}
Наконец, у меня есть функция JavaScript, которая выглядит следующим образом:
function updateFlashDivHeight(h) {
document.getElementById("flash_wrapper").style.height = h;
}
SWF вызывает эту функцию JavaScript и передает ей параметр высоты, например «900px» и вуаля! - DIV изменяет размеры идеально. Пока что это прекрасно работает во всех протестированных мной браузерах (IE8, Firefox, Chrome, Safari), КРОМЕ IE6.
Я абсолютный новичок, когда дело доходит до этого (особенно CSS), поэтому я, вероятно, делаю очень простую ошибку (и).
Большое спасибо заранее!