Advanced Web Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
Iron Speed
 
Go Back   Dev Articles Community Forums > Web Design > Advanced Web Development
Reload this Page

@media print

Discuss @media print in the Advanced Web Development forum on Dev Articles.
@media print Advanced Web development forum discussing table-less design, CSS, accessibility, XHTML, and anything relating to web standards. Design better, more standard-compliant websites.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
Free Web 2.0 Code Generator! Generate data entry and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!
  #1  
Old April 28th, 2007, 05:44 AM
leev3 leev3 is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Mar 2007
Posts: 32 leev3 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 h 26 m 9 sec
Reputation Power: 2
@media print
I am using @media print to weed out stuff I don't want printed. It works fine for that, but I can not get the page to print preview past 1 page. Any suggestions?
Reply With Quote
  #2  
Old April 28th, 2007, 09:42 PM
Mittineague's Avatar
Mittineague Mittineague is offline
Contributing User
Dev Articles Novice (500 - 999 posts)
  
Join Date: Jul 2005
Location: West Springfield, Massachusetts
Posts: 530 Mittineague User rank is Private First Class (20 - 50 Reputation Level)Mittineague User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 1 Week 21 h 4 m 40 sec
Reputation Power: 3
print CSS
AFAIK other than using print sizes and dimensions (eg. em instead of px) there is no "magic" needed to get more than 1 page as long as the amount of content needs more than 1 page (although there is a way to "page break"). It sounds like your problem may have more to do with your browser settings.
Reply With Quote
  #3  
Old May 2nd, 2007, 09:06 PM
leev3 leev3 is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Mar 2007
Posts: 32 leev3 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 h 26 m 9 sec
Reputation Power: 2
Thanks for the help.
Reply With Quote
  #4  
Old May 3rd, 2007, 09:41 AM
leev3 leev3 is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Mar 2007
Posts: 32 leev3 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 h 26 m 9 sec
Reputation Power: 2
If I take all of my <div> tags out it works fine. Onec I put any backl in it fails. I have tried one tag at a time to try to isolate, but it seems like any make it fail
Reply With Quote
  #5  
Old May 3rd, 2007, 03:38 PM
leev3 leev3 is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Mar 2007
Posts: 32 leev3 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 h 26 m 9 sec
Reputation Power: 2
I ran it in Firefox and disabled the embedded css, and other than formating strangely, it all came out on 2 pages on the print preview. Getting closer
Reply With Quote
  #6  
Old May 4th, 2007, 11:20 PM
leev3 leev3 is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Mar 2007
Posts: 32 leev3 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 h 26 m 9 sec
Reputation Power: 2
The problem is one of these 2 divisions in the css:

Code:
#container
	{
	height: 94%;
	width: 99.3%;
	position: absolute;		
	top: 0em;
	left: 0em;
	background:url(/FUSC/images/soccer_bg02.gif);
	background-position: bottom	; 
	}

and

Code:
#scroll {
 	background:url(/FUSC/images/fusc_new.gif);
 	background-repeat: no-repeat;
 	background-position: 50% 110%;
	background-attachment: fixed;
    float: left;
 	width: 100%;
	height: 86%;
	overflow: auto;
	text-align:center;
	
	}


in a print.css I've tried making float:none; and position: static for the respective division, and also height and width : auto.

I need some advice. Thx
Reply With Quote
  #7  
Old May 5th, 2007, 07:22 AM
leev3 leev3 is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Mar 2007
Posts: 32 leev3 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 h 26 m 9 sec
Reputation Power: 2
for anyone who may run into it, In # scroll it was the :


overflow: auto


IN the print.css


I changed to overflow: visible

in # scroll
Reply With Quote
  #8  
Old May 7th, 2007, 11:58 AM
Mittineague's Avatar
Mittineague Mittineague is offline
Contributing User
Dev Articles Novice (500 - 999 posts)
  
Join Date: Jul 2005
Location: West Springfield, Massachusetts
Posts: 530 Mittineague User rank is Private First Class (20 - 50 Reputation Level)Mittineague User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 1 Week 21 h 4 m 40 sec
Reputation Power: 3
overflow
I'm glad you figured it out. I would never have guessed that overflow: auto would cause a problem with the print view. It does kind of make sense though in hindsight. The default is "visible", and "auto" creates scrollbars when needed. Scrollbars wouldn't be useful to a printed page.
Reply With Quote
Reply

Viewing: Dev Articles Community Forums > Web Design > Advanced Web Development > @media print

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
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

 Free IT White Papers!
 
Accelerating Trading Partner Performance
One in five. That's how many partner transactions have at least one error. That is an amazing statistic, particularly given the extraordinary leaps in innovation across the global supply chain during the past two decades. Download this white paper to learn more.
 
Competing on Analytics
This Tech Analysis is designed to help identify characteristics shared by analytics competitors, and includes information about 32 organizations that have made a commitment to quantitative, fact-based analysis.
 
Cost Effective Scaling with Virtualization and Coyote Point Systems
An overview of the industry trend toward virtualization, how server consolidation has increased the importance of application uptime and the steps being taken to integrate load balancing technology with virtualized servers.
 
Five Checkpoints to Implementing IP Telephony
Implementation planning for IP PBX software and IP telephony has become vital as businesses replace discontinued legacy PBX phone systems. This informative whitepaper outlines five &quot;checkpoints&quot; for any implementation plan that will help make IP communications a successful proposition.
 
Hosted Email Security: Staying Ahead of New Threats
In the last two years, email has become a fierce battleground between the nefarious forces of spam and malware, and the heroes of messaging protection. The spam volumes increased alarmingly every month, bringing clever new forms of phishing and virus propagation attacks.
 

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

Iron Speed




© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway.