Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: cfif от 30 Января 2007, 17:00:17

Название: Повернуть таблицу с помощью CSS на 90 градусов
Отправлено: cfif от 30 Января 2007, 17:00:17

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

Название: Повернуть таблицу с помощью CSS на 90 градусов
Отправлено: CGVictor от 30 Января 2007, 23:13:24

cfif
Был какой-то filter (dxtransform?) для подобных вещей (поищи по форуму: по моему, даже я эту тему и поднимал), но на практике работает очень и очень фигово.

[off]Таким образом, ответа у меня нет - подождем, мож кто знает способ.[/off]

Название: Повернуть таблицу с помощью CSS на 90 градусов
Отправлено: brainkiller от 31 Января 2007, 14:33:43

Может, как-то так?

@page {
  size: landscape;
}

Название: Повернуть таблицу с помощью CSS на 90 градусов
Отправлено: CGVictor от 31 Января 2007, 15:28:24

brainkiller
Это для Gecko.

Для IE вроде должен работать
body {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
Но какие-то грабли там были..