Avatar of john_yourspace
john_yourspace
 asked on

Print HTML Table Cut off

Hi guys,

I am having some problem with a long html table been cut off when printing, this is happening in most browsers specfically firefox

I am using two stylesheets one for print one for display

<link type="text/css" rel="stylesheet" href=">css/main.css" />
<link type="text/css" rel="stylesheet" href="css/print.css" media="print"/>


My table looks like this (code is a coldfusion record set looped for 500+ records)

<table>
                    	<thead>
						<tr>
								<th>QTY</th>
								<th>Item #</th>
								<th>Description</th>
								<th>Unit Price</th>
								<th>Total Price</th>	
						</tr>
						</thead>
                        
                       
                        
                        
                        <tbody>
						<cfset total = 0>
						<cfoutput query="rsOrder_t">
							<tr>
								<td>#rsOrder_t.qtytoorder#</td>
								<td>#rsOrder_t.item_num#</td>
								<td>#rsOrder_t.description#</td>
								<td>#rsOrderlist_t.currency_symbol##LSCurrencyFormat(rsOrder_t.price , "none")#</td>
								<cfset totalItemprice = rsOrder_t.price *rsOrder_t.qtytoorder>
								<td>#rsOrderlist_t.currency_symbol##LSCurrencyFormat(totalItemprice , "none")#</td>	
								<cfset total = total + totalItemprice>
							
							</tr>
						</cfoutput>
                        </tbody>
                        
                          <tfoot>
						<tr>
							<td colspan="1">&nbsp;</td>
							<td colspan="1">Total</td>
							<td colspan="5" align="right">
								<cfoutput>#rsOrderlist_t.currency_symbol##LSCurrencyFormat(total, "none")#</cfoutput>
							</td>
						</tr>
						</tfoot>
                       
					</table>

Open in new window


print style looks like this

print.css
CSSHTMLColdFusion Language

Avatar of undefined
Last Comment
john_yourspace

8/22/2022 - Mon
LZ1

Do you have a live URL we can look at and test?

Also, what do you mean by "being cut off"? Vertically? Horizontally?
john_yourspace

ASKER
Sorry it's on an intranet so no live URL , I may be able to mock it up on a dev site

It's cut off vertically

John
SOLUTION
LZ1

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
john_yourspace

ASKER
Hi LZ1,

I have tried that but no joy.

John
This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23
john_yourspace

ASKER
Here is a test link to see stripped code

http://yourspacewebdesign.com/test.html
LZ1

I get a 404 error on that page
ASKER CERTIFIED SOLUTION
Log in to continue reading
Log In
Sign up - Free for 7 days
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
john_yourspace

ASKER
had a div with overflow: hidden,
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.