PDA

Просмотр полной версии : Повернуть таблицу с помощью CSS на 90 градусов


cfif3d
30.01.2007, 18:27
В принципе задача выглядит следующим образом, есть некоторая таблица, которую требуется вывести на печать, но поскольку по ширине она не вмещается на а4, хотелось бы её повернуть на 90 градусов. При этом предполагается, что в самом браузере она будет отображаться "обычным" образом, предполагается для этих целей использовать в CSS-ке такие директивы как @media print {} и @media screen {}. Собственно вопрос и заключается в том, как можно описать таблицу в блоке @media print {}, чтобы она печаталась "вертикально"?

ARA
31.01.2007, 09:10
Может просто создать таблицу которая будет компаткней, в @media print {}!
Настолько здаровая таблица что-ли?

cfif3d
31.01.2007, 11:52
Самый её компактный вариант(убраны все паддинги в самой длинной строке) немного не влазит по ширине на а4, есть конечно такой css-й селектор @page { size: portrait;}, то что по идее должно помочь в данном случае(установка альбомной ориентации), но ни в одном браузере эта фитча не работает(((((

KidsKilla
31.01.2007, 16:25
не уверен, но поиграйся с чем-то типа:
@media print{
page-break-before: right;
}
это по-идее не перевернёт таблицу, но мб разобьёт её...

http://www.w3schools.com/css/pr_print_pagebb.asp