Печать и display:none;

[Dimitry Wolotko]

Всем привет.

Сижу и туплю, никак не могу придумать, как сделать следующую вещь.

Есть ряд страниц, по коду разношёрстны, однако просматривается общий id, пусть будет print. Содержимое контейнера с id print надо распечатать. Остальное содержимое страниц - скрыть с глаз долой, при печати.

Ну естественно прилинковал стили с media="print".

Тема типа

body * {dispaly:none;}
body #print {display:block;}

вполне очевидно не работает, по довольно понятным причинам.

Перебирать JS все стили, тоже не хочется.

Какие есть мысли?

[Searcher]

visibility:hidden и visibility:visible не пробовали?

это как добавка к display

[Dimitry Wolotko]

Игрался, тоже ни о чём.

[Колос]

Может лучше просто на нужной странице другой .css грузить?

[Dimitry Wolotko]

А смысл?

[Dimitry Wolotko]

Вроде бы нашёл решение, вечером проверю и покажу.

[s0rr0w]

Какие есть мысли?

Если ты собирал правильно, то у тебя вся страница представляет слоеный пирог.

Отключить футер, хэдер и меню, да пару блоков - это не составит труда.

Для более уникальный блоков я использую class="unprintable"

Как показывает статистика, на странице всего 5-10 блоков, которые "лишние".

[Dimitry Wolotko]

Я ничего не собирал, если бы собирал я, таких проблем бы не возникло.

А код крайне разношёрстный.

[rash]

Если все эти элементы — непосредственные потомки одного родителя, то можно, например, так:

body * {
	display: none;
	}
body #bar,
body #foo {
	display: block;
	}

Но, скорее всего, случай посложнее…

[yopopt]

А если просто убрать ненужные при печати объекты куда-нибудь подальше, а нужный спозиционировать абсолютно? Пусть не красиво, зато сработает:

body {position: absolute; left:-10000px;}
body #print {position:absolute;top:0;left:10000px;}