Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

trouble printing an HTML form

0 views
Skip to first unread message

twells

unread,
Nov 15, 2002, 3:49:16 PM11/15/02
to
I have a form that needs to be printable as well as viewable in the browser.
When I print it the right third of the form is lost. I only need to get
this to work in IE 5.5 or higher. I have found the CSS2 @page rule but I
have had no success with it. I am only recently using any CSS and am hoping
to eventually replace a lot of jscript and layout code with CSS.
Can anyone help?
This is the code from my latest effort:
<HTML>

<HEAD>
<META name="GENERATOR" content="Microsoft FrontPage 5.0">
<META name="ProgId" content="FrontPage.Editor.Document">
<STYLE TYPE="text/css" MEDIA="all">
<!--
.sminput {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-style : normal;
font-weight : normal;
vertical-align : middle;
border: 0px none;
}
-->
</STYLE>
<META http-equiv="Content-Language" content="en-us">
<META http-equiv="Content-Type" content="text/html; charset=windows-1252">
<TITLE>New Page 2</TITLE>
</HEAD>

<BODY style="size: portrait">

<TABLE border="0" cellpadding="0" cellspacing="0" style="border-collapse:
collapse" bordercolor="#FFFFFF" width="95%">
<TR>
<TD width="10%"><IMG border="0" src="images/HelloColor.jpeg"></TD>
<TD width="90%" align="center"><FONT face="Arial" size="4">Lincoln
Electric System</FONT></TD>
</TR>
<TR>
<TD width="10%"><FONT face="Arial" size="2">Form 493</FONT></TD>
<TD width="90%" align="center"><B><FONT face="Arial" size="5">EXTERNAL
TRAINING SYSTEM</FONT></B></TD>
</TR>
<TR>
<TD width="10%"><FONT face="Arial" size="2">5/94</FONT></TD>
<TD width="90%" align="center">&nbsp;</TD>
</TR>
</TABLE>
<FORM method="POST" name="form1" action>
<TABLE border="1" cellpadding="0" cellspacing="0" style="border-collapse:
collapse" bordercolor="#111111" width="95%">
<TR>
<TD colspan="2" width="33%" bgcolor="#C0C0C0" height="10%"
align="center">
<FONT face="Arial">Attendance Dates (To - From)</FONT></TD>
<TD width="33%" bgcolor="#C0C0C0" height="10%" align="center">
<FONT face="Arial">Location of Training or Seminar</FONT></TD>
<TD width="34%" bgcolor="#C0C0C0" height="10%" align="center">
<FONT face="Arial">Tuition &amp; Registration Fees</FONT></TD>
</TR>
<TR>
<TD width="16%" height="20%" align="left">
<INPUT type="text" name="FFDateTime1" size="20" class="sminput"
maxlength="14"
style="width:expression(window.document.body.clientWidth/6.1)"></TD>
<TD width="17%" height="20%" align="left">
<INPUT type="text" name="FFDateTime2" size="20" class="sminput"
maxlength="14"
style="width:expression(window.document.body.clientWidth/6.1)"></TD>
<TD width="33%" height="20%" align="left">
<INPUT type="text" name="Location" size="20" class="sminput"
maxlength="50"
style="width:expression(window.document.body.clientWidth/3.1)"></TD>
<TD width="34%" height="20%">
<P align="right">
<INPUT type="text" name="Fees" size="20" maxlength="10" class="sminput"
style="width:expression(window.document.body.clientWidth/3.1)"></TD>
</TR>
<TR>
<TD width="100%" bgcolor="#C0C0C0" height="10%" colspan="4">
<P align="center"><FONT face="Arial">What is to be Accomplished by
Attending?&nbsp; (MUST BE COMPLETED)</FONT></TD>
</TR>
<TR>
<TD width="100%" height="40%" colspan="4">
<P align="left">
<TEXTAREA rows="4" name="S1" cols="70" maxlength="1900" class="sminput"
style="width:expression(window.document.body.clientWidth-20)"></TEXTAREA></T
D>
</TR>
</TABLE>
<P><BR>
<INPUT type="submit" value="Submit" name="B1"><INPUT type="reset"
value="Reset" name="B2"></P>
</FORM>

</BODY>

</HTML>

twells

unread,
Nov 18, 2002, 10:22:14 AM11/18/02
to
The problem was not the CSS @page rule at all it was my table elements
sizing style:
style="width:expression(window.document.body.clientWidth/6.1)"
Once that part is removed it all works fine.


0 new messages