Имеем ряд страниц с достаточно широкими таблицами. На печати при книжной ориентации они обрежутся, а в альбомной как раз как надо. Таблицы, кроме того, что широкие, еще и длинные.
Правильное решение
@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, но решения на стороне клиента, а не сервера.
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
tambourine
Имеем ряд страниц с достаточно широкими таблицами. На печати при книжной ориентации они обрежутся, а в альбомной как раз как надо. Таблицы, кроме того, что широкие, еще и длинные.
Правильное решение
работает в Opera, не работает в Internet Explorer, Firefox, Safari, Chrome.
Окей, забудем про валидность и вспомним, что есть хаки. С их помощью мы повернём наши таблицы на 90°, а ориентацию бумаги оставим, как есть:
Но хаки тоже счастья не приносят: нижняя часть таблицы срезается, а не переносится на новую страницу, первая колонка отступает от края (хотя её никто не просил -- всё обнулено), зато последняя теряется за горизонтом. В общем, бардак.
Я уже добрую неделю ищу решение, и здесь похожие темы давно обсуждались. Да, можно генерировать PDF, но красивого решения средствами CSS мне пока найти не удалось. Окей, пускай не только CSS, но решения на стороне клиента, а не сервера.
А как такое решаете вы?
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.