Sign in to follow this  
tambourine

CSS: альбомная ориентация при печати

Recommended Posts

Имеем ряд страниц с достаточно широкими таблицами. На печати при книжной ориентации они обрежутся, а в альбомной как раз как надо. Таблицы, кроме того, что широкие, еще и длинные.

Правильное решение

@page { size:landscape; }

работает в Opera, не работает в Internet Explorer, Firefox, Safari, Chrome.

Окей, забудем про валидность и вспомним, что есть хаки. С их помощью мы повернём наши таблицы на 90°, а ориентацию бумаги оставим, как есть:

body {
-webkit-transform:rotate(-90deg); /*Safari, Chrome*/
-moz-transform:rotate(-90deg); /*Firefox*/
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE*/
}

Но хаки тоже счастья не приносят: нижняя часть таблицы срезается, а не переносится на новую страницу, первая колонка отступает от края (хотя её никто не просил -- всё обнулено), зато последняя теряется за горизонтом. В общем, бардак.

Я уже добрую неделю ищу решение, и здесь похожие темы давно обсуждались. Да, можно генерировать PDF, но красивого решения средствами CSS мне пока найти не удалось. Окей, пускай не только CSS, но решения на стороне клиента, а не сервера.

А как такое решаете вы?

Share this post


Link to post
Share on other sites

Для IE существует вот такое: http://home.roadrunner.com/~bmerkey/examples/landscape-test.html

Для других сходу не вижу другого пути, как дрессировать трансформации (применять их к выборочным таблицам, добавлять в нужных местах page-break-before и т.п...).

Share this post


Link to post
Share on other sites

SelenIT, спасибо, интересный пример с IE.

Для других сходу не вижу другого пути, как дрессировать трансформации
Угу :-(

Мне тоже ничего другого в голову не приходит.

Ох, не труЪ всё это :-)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Member Statistics

    46,451
    Total Members
    3,128
    Most Online
    rhouland
    Newest Member
    rhouland
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Вернулся в свою созданную тему через 4,5 года. )) После создания темы около года верстал заказы на фрилансе. От обычной верстки до полноценных LP и небольших сайтов. Даже один раз из своей верстки шаблон Wordpress сделал.   Потом заинтересовался другими нишами и верстку забросил. Арбитражил, занимался СЕО, даже трейдил криптовалютой больше года. Но опять потянуло в вебразработку. Пытаюсь снова все вспомнить. Мешает только основная работа - мало времени остается на своё хобби.  В общем, кому сроки не жмут и кто не боится доверится джуниору, милости просим. Сверстаю, подправлю, помогу. В свободное от работы время. Бескорыстно. Просто хочется снова покодить и не просто так, а чтобы с пользой.  Почта : zdl79@mail.ru Skype : forest19791 Телеграмм : https://t.me/forestino
    • Могу попробовать. Опыт верстки 1 год. Но в связи с основной работой, не связанной с IT, мало на это времени. zdl79@mail.ru
    • Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму.
      Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно.
      Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же.
      Открывал через google, firefox и opera-у - все так же никакого сдвига.
      Подключал по инструкции на официальном сайте.
      Пробовал использовать SlickSlider, но результат тот же.
  • Popular Contributors