Вот тестовая страничка, как примерно выглядят блоки сайта, упрощённая.
Проблема в том, что
не получается сделать так, чтоб при уменьшении окна
браузера чтоб видео уменьшалось по ширине этих блоков с правой и с
левой стороны, чтоб видео не налезало на блоки или вообще в низ не
уходило за блоки, при уменьшении окна браузера.
Скажите, как исправить правильно?
|
Код:
|
<!--Контент-->
<div>
<div align="center">
<div style="background-color: silver; float:left; width: 240px;
height: 100%; border:1px solid black; "></div>
<div style="background-color: silver;float:right; width: 240px;
height: 100%; border:1px solid black; "></div>
<script type="text/javascript">
if(screen.width<=800){
document.write('<div align="center">
<object width="480" height="385"><param name="movie"
value="http://www.youtube.com/v/yYRdCu_b1Aw?fs=1&hl=ru_RU">
</param><param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/yYRdCu_b1Aw?fs=1&hl=ru_RU"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="480" height="385"></embed></object> </div>');
} else
{
document.write('<div align="center"><object width="686" height="551">
<param name="movie" value="http://www.youtube.com/v/yYRdCu_b1Aw?fs=1&hl=ru_RU">
</param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed src="http://www.youtube.com/v/yYRdCu_b1Aw?fs=1&hl=ru_RU"
type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="686"
height="551"></embed></object></div>');
}
</script>
<br/>
<b>Конечный результат после применения: </b>
<div class="verx_otstyp"></div>
<ul class="strelka_marker">
<li><b>Вы сумеете</b> извлекать колоссальную дополнительную прибыль
из вашей базы подписчиков, которая будет сильно расти в своем размере
при применении стратегии из данного видео-курса. </li>
<div class="verx_otstyp"></div>
<li>Посмотрев данное видео, вы напишите и составите уникальный
продающий текст, имеющий фантастические показатели конверсии.
Если раньше у вас покупал каждый двухсотый человек, <b><i>то теперь
продажи могут увеличиться в два, а то и в три раза.</i></b> </li>
<div class="verx_otstyp"></div>
<li><b>Вы больше никогда не получите "нет" </b>от крупных партнеров
по поводу рекламы ваших продуктов. Обладая этими знаниями, вы сможете
строить крупных партнеров буквально в очередь, чтобы они рекламировали
ваш продукт и приносили вам массу продаж, а также кучу новых подписчиков
на рассылку. </li>
<div class="verx_otstyp"></div>
<li><b>После применения видеокурса вы получите сотни и даже тысячи целевых
посетителей в день,</b> которые превращаются в ваших подписчиков и
покупателей ваших информационных товаров. Причем ваша партнерская
программа работает как четкий автоматический механизм, за которым вам
нужно просто присматривать время от времени.</li>
</ul>
<br />
</div> <br />
</div>
</div>
</div>
</div> |
