Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

What's up with printing this page? 1

Status
Not open for further replies.
1DMF

1DMF

Programmer
Jan 18, 2005
8,795
GB
Hi,

I have a form, it validates to X/HTML 1.0 Strict.

Yet it doesn't print correctly?

I've included a pdf, the first page is screen shot of the form as it looks on screen and the second page is the way the same section prints.

You'll notice the wierdness going on for the 'Financial Promotions' section...here is the X/HTML

Code: 
                <fieldset id="sources">
                    <legend>Business Sources&nbsp;</legend>
                    <table>
                    <thead>
                        <tr><td>Please select as appropriate against each of the following sources of business during the period:</td><td align="center"><b style="text-decoration:underline;">Mortgages</b></td><td align="center"><b style="text-decoration:underline;">Insurance</b></td></tr>
                    </thead>
                    <tbody>
                        <tr><td align="right">Marketing Lists</td><td><select disabled="disabled"  name="selmarklistmort" id="selmarklistmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select name="selmarklistins" id="selmarklistins" disabled="disabled"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Referrals from introducers</td><td><select disabled="disabled"  name="selrefintromort" id="selrefintromort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="selrefintroins" id="selrefintroins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Referrals from other brokers</td><td><select disabled="disabled"  name="selrefbrokersmort" id="selrefbrokersmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="selrefbrokersins" id="selrefbrokersins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Telephone Sales</td><td><select disabled="disabled"  name="seltelesalesmort" id="seltelesalesmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="seltelesalesins" id="seltelesalesins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Cold Calling</td><td><select disabled="disabled"  name="selcoldcallmort" id="selcoldcallmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="selcoldcallins" id="selcoldcallins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Sales Visits</td><td><select disabled="disabled"  name="selvisitsmort" id="selvisitsmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="selvisitsins" id="selvisitsins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Postal Sales</td><td><select disabled="disabled"  name="selpostalmort" id="selpostalmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="selpostalins" id="selpostalins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Direct Offer Financial Promotions</td><td><select disabled="disabled"  name="seldirectfpmort" id="seldirectfpmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="seldirectfpins" id="seldirectfpins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Repeat Customers</td><td><select disabled="disabled"  name="selrepeatmort" id="selrepeatmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="selrepeatins" id="selrepeatins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Internet Sales</td><td><select disabled="disabled"  name="selinternetmort" id="selinternetmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="selinternetins" id="selinternetins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                    </tbody>
                    </table>
                </fieldset>

                <fieldset id="adverts">
                    <legend>Financial Promotions&nbsp;</legend>
                    <table>
                    <thead>
                        <tr><td>Please select as appropriate against each of the following places you have advertised:</td><td align="center"><b style="text-decoration:underline;">Mortgages</b></td><td align="center"><b style="text-decoration:underline;">Insurance</b></td></tr>
                    </thead>
                    <tbody>                    
                        <tr><td align="right">Newspaper</td><td><select disabled="disabled"  name="seladnewsmort" id="seladnewsmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="seladnewsins" id="seladnewsins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Magazine</td><td><select disabled="disabled"  name="seladmagmort" id="seladmagmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="seladmagins" id="seladmagins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">T.V.</td><td><select disabled="disabled"  name="seladtvmort" id="seladtvmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="seladtvins" id="seladtvins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Radio</td><td><select disabled="disabled"  name="seladradiomort" id="seladradiomort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="seladradioins" id="seladradioins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Internet</td><td><select disabled="disabled"  name="seladinternetmort" id="seladinternetmort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="seladinternetins" id="seladinternetins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Other</td><td><select disabled="disabled"  name="seladothermort" id="seladothermort"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td><td><select disabled="disabled"  name="seladotherins" id="seladotherins"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                    </tbody>
                    </table>  
                </fieldset>   
 
                <fieldset id="insurance">
                    <legend>Insurance Business&nbsp;</legend>
                    <table>
                    <thead>
                        <tr><td>Please select as appropriate against each of the following types of insurance sold during the period:</td><td align="center"><b style="text-decoration:underline;">Yes / No</b></td></tr>
                    </thead>
                    <tbody>                    
                        <tr><td align="right">Private Motor</td><td><select disabled="disabled"  name="selinsmotor" id="selinsmotor"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Household</td><td><select disabled="disabled"  name="selinshome" id="selinshome"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Creditor - Payment Protection</td><td><select disabled="disabled"  name="selinspp" id="selinspp"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Travel</td><td><select disabled="disabled"  name="selinstravel" id="selinstravel"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Personal Accident - Sickness</td><td><select disabled="disabled"  name="selinsasu" id="selinsasu"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Legal Expenses</td><td><select disabled="disabled"  name="selinslegal" id="selinslegal"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Private Medical Insurance (PMI)</td><td><select disabled="disabled"  name="selinspmi" id="selinspmi"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Critical Illness</td><td><select disabled="disabled"  name="selinscic" id="selinscic"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Permanent Health Insurance (PHI)</td><td><select disabled="disabled"  name="selinsphi" id="selinsphi"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Life/Term Assurance</td><td><select disabled="disabled"  name="selinslife" id="selinslife"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Health Care Cash Plan</td><td><select disabled="disabled"  name="selinshcplan" id="selinshcplan"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                        <tr><td align="right">Extended Warranty (Motor Only)</td><td><select disabled="disabled"  name="selinsexwar" id="selinsexwar"><option value="">Select</option><option value="0">No</option><option value="1">Yes</option></select></td></tr>
                    </tbody>
                    </table>  
                </fieldset>

Any ideas why it is printing like this and how I fix it?

Cheers,
1DMF.

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!
 
Sort by date Sort by votes
Without your css, it's pretty hard to guess, isn't it?
(That's where I'd look first - at your ids and compare the differences with them.)

Greg
People demand freedom of speech as a compensation for the freedom of thought which they seldom use. Kierkegaard
 
Upvote 0 Downvote
here's the CSS, but I'm not sure what i'm looking for, I can't see anything obvious, the CSS validates to W3C standards and it displays the same in FF & IE?
Code: 
*{
    margin:0;
    padding:0;
    top:0;
}


body{
    font-family:arial,verdana,tahoma,sans-serif;
    font-size: 12pt;
}

#wrapper {
    width:790px;
    margin:0 auto;
}

#popup {
    width:700px;
    border-width:1px;
    visibility:hidden;
    position:absolute;
    background-color:#000000;
    float:left;
    top:0;
    left:0;
    z-index:1;
    }

#help {
    width:30px;  
    color:#FF0000; 
    font-weight:bold; 
    cursor:pointer;
    float:right;
	height:25px;  
}       

#tit {
    width:735px;
    float:left;
	height:25px;  
	
}
    
#subbuts {
    width: 730px;
    margin:0 auto 20px auto;
    padding:0 0 20px 20px;
    text-align:center;    
    clear:both;
}

#subbuts input {
    margin: 0 40px;
}    

#wait {
    z-index:999999;
    visibility:hidden;
    width:760px;
    height:25px;
    margin:0 auto;
    background-color:#FF0000;
    color:#FFFFFF;
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    padding-top:2px;
}    

.titlecell
	{
	font-family: Arial, Verdana;
	font-size: 15pt;
	color: #ffffff;
	text-align:left;
	background-image: url('/members/images/tablebar.jpg');
	background-repeat: no-repeat;
	width:780px;
	height:25px;
	vertical-align:middle;
	}
	   
    	
fieldset {
    width: 730px;
    margin: 0;   
    padding: 5px;     
    border:1px solid #233e97;
} 

form {
    width:730px;
    margin:0;
    }

legend {
    color: #233e97; 
    font-weight:bold;
    line-height:28px;   
} 

label {
    margin:3px 2px 3px 5px;
    text-align:right;
    vertical-align:top;
    float:left;
    line-height:20px;
}

select {
    height:20px; 
    font-size:0.6em;
    float:left;
    margin:3px 0px 3px 5px;   
    width:74px; 
}

fieldset input {
    height:16px; 
    font-size:0.8em;
    float:left;
    margin:3px 0px 3px 5px;
    padding-left:2px;
}    

textarea {
    font-family:arial,verdana,tahoma,sans-serif;
    font-size: 0.9em;
    width:324px;
    float:left;
    margin:3px 0px 3px 5px;   
    padding-left:2px;
} 
   

a:link,a:visited,a:active {
    color:#233e97;
    text-decoration:underline;
}

a:hover {
    text-decoration:none;
}
                 
div p {
    padding:5px 0;
    }

#maindets label {
    width:640px;
    
}

div.specify {
    display:none;
}

#popup .item {
    color:#00FF00;
    text-align:center;  
    font-weight:bold;  
    }
    
#popup .desc {
    color:#FFFFFF;
    text-align:left;    
    padding:3px;
    }

/* Specify options */
#procfeesregdetsspec label {
    width:330px;
}

#procfeesregdets {
    width:380px;
} 

#procfeesnonregdetsspec label {
    width:330px;
}

#procfeesnonregdets {
    width:380px;
} 

#incomecommercialdetsspec label {
    width:330px;
}

#incomecommercialdets {
    width:380px;
} 

#incomeloansdetsspec label {
    width:330px;
}

#incomeloansdets {
    width:380px;
}          

#incomeinsurancedetsspec label {
    width:330px;
}

#incomeinsurancedets {
    width:380px;
} 

#incomeotherdetsspec label {
    width:330px;
}

#incomeotherdets {
    width:380px;
}          

#apppersondetsspec label {
    width:330px;
}

#apppersondets {
    width:380px;
}

#leaversdetsspec label {
    width:330px;
}

#leaversdets {
    width:380px;
}

#declare label {
    width:680px;
    text-align:left;
}

#declare input {
    font-size:2em;
    width:40px;
    height:40px;
}    
    
h3 {
    float:left;
    clear:both;
    font-size:1em;
    display:block;
    width:100%;
    }

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!
 
Upvote 0 Downvote
When writing print style sheets, the first thing I do is generally turn off all "px" widths for anything other than images.

So, I'd make any containers 100% width, leaving the printer to work out how big they should be. After all, how wide is "700px" on a sheet of A4?

Give that a whirl, and try and remove any elements that you don't need, as well as removing any floats or absolute-positioning for the print CSS.

Hope this helps,
Dan




Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
 
Upvote 0 Downvote
lol - typical, I forced the 700px width for a reason because it prints off the page if i don't!

The width was 800px, it seemed 700px fits on A4.

I'll give it a whirl and see what happens.

What about the fixed label widths, inputs/textareas?

So it's only the #wrapper you're talking about when you say containers?

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!
 
Upvote 0 Downvote
Well you ain't gonna like this Dan, I just couldn't get it to print ok, so I gave up.

I wrapped it in a non-semantic table, so each fieldset was in a separate table row and bingo.

It prints perfectly, not the semantic way I know, but to be honest I've got far more important things to do than prat around with CSS just because IE can't print properly.

So a non-semantic table it is!

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
693
bdwilcox
bdwilcox
scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
689
3esolar
3
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
203
lmcate
lmcate
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
tyutghf
  • Locked
  • Question
Achieving this grid layout in css
Replies
1
Views
204
tyutghf
tyutghf

Part and Inventory Search

Sponsor

Back
Top