CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old May 10th, 2004, 02:19 PM
SexyDevil82 SexyDevil82 is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 15 SexyDevil82 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 sec
Reputation Power: 0
Question CSS Print to fit page

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.

Reply With Quote
  #2  
Old May 10th, 2004, 02:37 PM
ajax's Avatar
ajax ajax is offline
Resident DJ
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Feb 2001
Posts: 282 ajax User rank is Lance Corporal (50 - 100 Reputation Level)ajax User rank is Lance Corporal (50 - 100 Reputation Level)ajax User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Day 1 h 4 m 18 sec
Reputation Power: 8
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.

Reply With Quote
  #3  
Old June 1st, 2004, 11:17 PM
dustyreagan's Avatar
dustyreagan dustyreagan is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Oct 2003
Location: Austin
Posts: 126 dustyreagan User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 40 m 3 sec
Reputation Power: 6
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

Reply With Quote
  #4  
Old June 2nd, 2004, 02:01 AM
1beb's Avatar
1beb 1beb is offline
This tagline is not long enoug
Dev Shed Novice (500 - 999 posts)
 
Join Date: Aug 2003
Location: Toronto, ON Canada! I AM CANADIAN
Posts: 861 1beb User rank is Corporal (100 - 500 Reputation Level)1beb User rank is Corporal (100 - 500 Reputation Level)1beb User rank is Corporal (100 - 500 Reputation Level)1beb User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 2 h 32 m 12 sec
Reputation Power: 10
Send a message via ICQ to 1beb Send a message via AIM to 1beb Send a message via MSN to 1beb Send a message via Yahoo to 1beb
Quote:
Originally Posted by dustyreagan
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/

heh, beat me to posting that link :P

Reply With Quote
  #5  
Old June 3rd, 2004, 10:17 AM
TimvanSas TimvanSas is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Oct 2003
Location: Netherlands
Posts: 43 TimvanSas User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 35 m 43 sec
Reputation Power: 6
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.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > CSS Print to fit page


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 3 hosted by Hostway
Stay green...Green IT