Плеер в блоке div не нажимается (СРОЧНО)

[stas9238 0]

http://kino-maniac.r...heyn-ostin.html

Здравствуйте! Срочно нужна ваша помощь. Кнопка "СМОТРЕТЬ ОНЛАЙН", то что находится в блоке div (плеер) не кликабельная область получилась.

вот код:

<div class="wrapper">

<div class="left_block">

	 <!--noindex-->

		[xfgiven_torrent]<a href="[xfvalue_torrent]"><img src="http://kino-maniac.ru/templates/kinoman/images/torrent11.png" alt="Скачать {title} "></a>[/xfgiven_torrent]

		[xfnotgiven_torrent]<img src="http://kino-maniac.ru/templates/kinoman/images/torrent13.png" alt="Скачать {title} пока невозможно">[/xfnotgiven_torrent]

		<!--/noindex-->

	 </div>

<div class="right_block">

   [xfgiven_film]<a href="javascript://;" onclick="$('#ID').slideToggle('slow');"  ><img src="http://kino-maniac.ru/templates/kinoman/images/online2.png" alt="Смотреть онлайн {title} "></a>

<div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;">

	 <div id="movie"> <iframe src="[xfvalue_film]" frameborder="0" height="400" width="709" ></iframe></div>

	</div>[/xfgiven_film]

</div>

</div>

Причина в этой строке:

margin-left: -364px; padding-bottom: 10px;

Подскажите, как сделать чтобы отображалось как сейчас все и плеер стал кликабельным?

Изменено 20 января 2015 пользователем stas9238

[odys 385]

stas9238, чтобы div понял отрицательный отступ, его нужно абсолютно позиционировать

такая конструкция не правильная

<div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;"></div>

нужно делать так:

<div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;position:absolute;"></div>[/code]

[stas9238 0]

stas9238, чтобы div понял отрицательный отступ, его нужно абсолютно позиционировать

такая конструкция не правильная

<div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;"></div>

нужно делать так:

<div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;position:absolute;"></div>[/code]

спойлер не работает теперь. точнее он работает, но не смещает нижнее видео.

Изменено 20 января 2015 пользователем stas9238

[odys 385]

stas9238,

<div class="wrapper">

<div class="left_block">

		 <!--noindex-->

			    [xfgiven_torrent]<a href="[xfvalue_torrent]"><img src="http://kino-maniac.ru/templates/kinoman/images/torrent11.png" alt="Скачать {title} "></a>[/xfgiven_torrent]

			    [xfnotgiven_torrent]<img src="http://kino-maniac.ru/templates/kinoman/images/torrent13.png" alt="Скачать {title} пока невозможно">[/xfnotgiven_torrent]

			    <!--/noindex-->

		 </div>

<div class="right_block">

   [xfgiven_film]<a href="javascript://;" onclick="$('#ID').slideToggle('slow');"  ><img src="http://kino-maniac.ru/templates/kinoman/images/online2.png" alt="Смотреть онлайн {title} "></a>[/xfgiven_film]

</div>


[xfgiven_film]<div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;">

<div id="movie"> <iframe src="[xfvalue_film]" frameborder="0" height="400" width="709" ></iframe></div>

</div>[/xfgiven_film]

</div>

[stas9238 0]

stas9238,

<div class="wrapper">

<div class="left_block">

		 <!--noindex-->

				[xfgiven_torrent]<a href="[xfvalue_torrent]"><img src="http://kino-maniac.ru/templates/kinoman/images/torrent11.png" alt="Скачать {title} "></a>[/xfgiven_torrent]

				[xfnotgiven_torrent]<img src="http://kino-maniac.ru/templates/kinoman/images/torrent13.png" alt="Скачать {title} пока невозможно">[/xfnotgiven_torrent]

				<!--/noindex-->

		 </div>

<div class="right_block">

   [xfgiven_film]<a href="javascript://;" onclick="$('#ID').slideToggle('slow');"  ><img src="http://kino-maniac.ru/templates/kinoman/images/online2.png" alt="Смотреть онлайн {title} "></a>[/xfgiven_film]

</div>


[xfgiven_film]<div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;">

<div id="movie"> <iframe src="[xfvalue_film]" frameborder="0" height="400" width="709" ></iframe></div>

</div>[/xfgiven_film]

</div>

http://kino-maniac.r...heyn-ostin.html посмотрите

не закрывает обратно и не смещает нижнее

так же вместо margin-left: -364px; подходит float: right;

Вроде как нашел проблему: проблема в главном диве - <div class="wrapper">. Установив высоту 500 - плеер кликабельный но при скрытом плеере от кнопок до трейлера пустота в эти 500 пикселей. Высоту авто - кнопки кликабельные. (стояла высота 50пикселей - высота кнопки).

Остался вопрос - как сделать так, что бы <div class="wrapper"> изменял свою высоту по отношению к <div class="right_block">?

Ура, все исправил.

odys, спасибо за отзывчивость. не подскажешь с этой темой?

Изменено 20 января 2015 пользователем stas9238