Скрыть Div, содержащий Youtube при печати веб-страницы

Question

Я создаю таблицу стилей печати для веб-страницы, которая, помимо текстового содержимого, также содержит встраивания youtube в области содержимого (например).

Я не хочу печатать YouTube, поэтому я добавил display:none в таблицу стилей печати для этих div"S.

Теперь divОни не печатаются, но в предварительном просмотре они занимают пустое место и, таким образом, выталкивают текстовое содержимое под ними.

В результате много пустого пространства с текстом под этим пустым пространством. Не хорошо. Есть ли решение или хитрость, чтобы решить это?

Код:

<div class="bigblok_image">
<object height="325" width="400"><param name="movie" value="http://www.youtube.com/v/waVIqjB0WAU&amp;hl=nl&amp;fs=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/waVIqjB0WAU&amp;hl=nl&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="325" width="400">
</object>

div.bigblok_image { display: none; }

Answer 1

Добавьте следующее в раздел head:

<link rel="stylesheet" href="print.css" media="print"/>

В print.css добавьте следующее:

#div-to-be-hidden
{
  display:none;
}