Link to home
Start Free TrialLog in
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
Avatar of LZ1
LZ1
Flag of United States of America image

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

Also, what do you mean by "being cut off"? Vertically? Horizontally?
Avatar of john_yourspace
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
Avatar of LZ1
LZ1
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Hi LZ1,

I have tried that but no joy.

John
Here is a test link to see stripped code

http://yourspacewebdesign.com/test.html
I get a 404 error on that page
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
had a div with overflow: hidden,