Jump to content

Print stylesheets


elementalgrace

Recommended Posts

Hi,I was looking for a solution for a print style sheet issue I have on my current project and wondered if anyone could shed some light. Most pages are displaying fine but I have a table on one page that just doesn't fit (yes, I'm using the table to display data not for layout! :) ) basically because there's too many columns. Unfortunately, I can't change that. I've tried altering the table layout in the print css to table-layout:fixed and although that means the table width is ok, the table cells overflow, which is not acceptable as a solution, neither is using overflow:hidden to resolve it.Thinking laterally - I figured that changing the page orientation to landscape would work (and when I do it manually, it does work) but it seems a bit clumsy as a solution and I honestly doubt that most people will think of changing the page orientation themselves. It's just this one page I want to change to display as the others display fine as portrait. Does anyone know of a cross browser friendly, accessible way of forcing a change of page orientation just for a single page using CSS?Thanks (again) in advance!EG

Link to comment
Share on other sites

http://web.tampabay.rr.com/bmerkey/example...scape-test.htmlI found that this is a CSS3 method but it seems to work for IE but it has not been tested in FF.The other is the CSS2 method called @page but I believe this will be deprecated in CSS3 due to print output inconsistancies. However, you could read up on using both CSS and Javascript in this link: http://edacio.us/forum/comments.php?DiscussionID=39
Link to comment
Share on other sites

http://web.tampabay.rr.com/bmerkey/example...scape-test.htmlI found that this is a CSS3 method but it seems to work for IE but it has not been tested in FF.The other is the CSS2 method called @page but I believe this will be deprecated in CSS3 due to print output inconsistancies. However, you could read up on using both CSS and Javascript in this link: http://edacio.us/forum/comments.php?DiscussionID=39
Hi - thanks for those.The @page method did look horribly inconsistent and I need something that is categorically cross browser compatible and user friendly (some of the users I am designing for are still using IE 5.5 and refuse to upgrade!) The page I need make landscape is a table and I need to try and avoid javascript where possible for accessibility purposes. I think I can probably use it if needs be because the worst that will happen if users have javascript turned off is that the user will have to change the orientation manually.Any other thoughts welcome.
Link to comment
Share on other sites

Landscape printing has always been an issue as far as from the web developer's point of view to code such a thing. This is the reason why CSS3 will be solving that but unfortunately only the browsers that support CSS3 will render it. So no matter how try to do it, it's not going to be what you are expecting.You can google the internet by using this phrase "css print landscape" and come up with all kinds of articles about it.

Link to comment
Share on other sites

Landscape printing has always been an issue as far as from the web developer's point of view to code such a thing. This is the reason why CSS3 will be solving that but unfortunately only the browsers that support CSS3 will render it. So no matter how try to do it, it's not going to be what you are expecting.You can google the internet by using this phrase "css print landscape" and come up with all kinds of articles about it.
That's what I was afraid of!I'd googled it before I posted here but I was honestly hoping that what I found was out of date and there was a better solution *sigh*Thanks for your time and help - it looks like we'll just have to do the best with what we've got.
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...