|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
I have to design a site using a 750 pixels table.
Of course, when I print the text, my text get cut off on the right hand side. Using a Print style sheet, is there any ways to avoid loosing the text on the right. Everywhere I look suggest to design into a 600 pixels table but they really want it to 750. Thanks for any help. |
|
#2
|
||||
|
||||
|
a couple ways to work with this.
try: <link rel="stylesheet" href="/path/to/style.css" media="print"/> or have an alternative template for printing (printable version). having text span 750px across the screen doesn't do much for readability anyway. 500-600 is alot better and does translate well to print. |
|
#3
|
||||
|
||||
|
I'm still haven't created a printable version of my own site, but I did read a pretty good article about it the other day: http://www.alistapart.com/articles/printyourway/
__________________
DustyReagan.com |
|
#4
|
||||
|
||||
|
Quote:
heh, beat me to posting that link :P
__________________
The Standards! CSS 2 - CSS 3 - w3c CSS Validator - XHTML 1.1 - HTML 4.01 - w3c (X)HTML Validator - ActionScript Reference Links! Bert's Door and Lock Service | Brandon Erik Bertelsen | TextPattern |
|
#5
|
|||
|
|||
|
Give the table a ID with the width defined in your screen css.
In you print css you define the table id with width:100%. So for example, your screen css would look like this: #globatable {width:750px} And your print css would look like this: #globaltable {width:100%} I hope this helps. |
![]() |
| Viewing: Dev Shed Forums > Web Design > CSS Help > CSS Print to fit page |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|