Hey folks recenty I finished up a webpage for an internship, everything seems to be working great however whenever the page is printed it clips off about half of the page. I did a little research and noticed there were several products I could buy that would auto fit the page before printing, however, I was really looking for something I could do myself without having to spend the money.
The web page uses HTML,CSS, XML and javascript. Is there simply some script I could write that would auto fit the page for printing? Furthermore, could having excessively wide CSS frames be the reason for this not working?
html,
body
{
background-color:"ece9d8"
}
h1
{
position:absolute;
width:900px;
height:710px;
left:10%;
top:14px;
background-color:"#ffffff";
z-index:-1;
min-width:50px;
}
h2
{
position:absolute;
top:190px;
width:285px;
height:515px;
left:5px;
overflow:scroll;
padding:10px;
background-color:"#ddedff";
font-size:15px;
}
h3
{
background-color:"#ffffff";
position:relative;
float:left;
top:190px;
height:510px;
left:305px;
width:590px;
overflow:scroll;
padding:5px;
font-size:16px;
font-family:arial;
}
h4
{
background-color:"#cfcfcf";
height:50px;
width:895px;
top:135px;
left:3px;
position:absolute;
text-align:center;
font-size:22px;
}
h5
{
position:absolute;
background-color:"#666666";
height:130px;
width:895px;
top:2px;
left:2px;
padding:2px;
}