Problem printing website: nothing prints!

asteffes · **Posted:** Thu Jul 13, 2006 9:30 am

I'm developing the external corporate website for my company in Visual Studio 2003 using html, css, and a user web control for the header/navigation.

When I try to print any of the pages only the header image (an <img> located in the Web User control) and the footer (also <img>) will print, but none of the text, graphics, background colors, or background images that are included.

My page is a liquid 3 column + 1 header + 1 footer CSS design which I suspect is the culprit. Are there any tricks for printing out in CSS? Has anyone had this problem before?

I will post some of my code here but unfortunately I cannot post a URL because at this point it is internal only.

Thanks for any help!

note: i've very quickly and roughly edited out my company name and a bunch of content to make it smaller. There may be errors.

code:

<%@ REGISTER Src="Controls/Header.ascx" TagPrefix="x" Tagname="Header"%>
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="ServicesIT.aspx.vb" Inherits="x14.ServicesIT"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD id="Head1">
<title>x Information Technology Services</title>
<link href="http://localhost/x/Images/icon/icon_x.ico" rel="icon">
<link href="http://localhost/x/Images/icon/icon_x.ico" type="image/x-icon" rel="shortcut icon">
<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK href="Styles/x.css" type="text/css" rel="stylesheet">
<LINK href="Styles/Menus.css" type="text/css" rel="stylesheet">
<style type="text/css">#selected {
BACKGROUND-IMAGE: url(Images/navMenu/navServices-sel.jpg)
}

#leftborderpattern {
Z-INDEX: 500; TOP: 241px
}
#submenu {
HEIGHT: 241px
}
</style>
</HEAD>
<body>
<a name="top"></a>
<div style="POSITION: absolute; TOP: 300px; z-score: 900"></div>
<div><x:HEADER id="Header1" runat="server"></x:HEADER>
<div class="navMenu Services" id="divServices"><A class="menu" id="selected" href="Services.aspx"></A></div>
</div>
<div class="fullheightcontainer" id="container">
<div class="wrapper" id="wrapper">
<div class="mainbody serviceswide" id="mainbody">
<div class="maintitle" id="maintitle">Services</div>
<div class="HorizontalImage ServicesLONG" id="HorizontalImage"><IMG src="Images/misc/img_Services_Horizontal.jpg"></div>
<br>
<div style="MARGIN-LEFT: 20px">
<div class="capabilities" id = "capabilities"><span class="Subtitle1" style="font-size:14px">  x Systems' Information Technology Capabilities Include:</span>
<ul style="margin-top:0; margin-bottom:0; line-height:15px">
<li>IT Portfolio Management</li>
<li>Enterprise architecture</li>

</ul><br style="line-height:8px">
</div>
<br style="line-height:5px">
<table style="height:25px;width:559px; cell-padding:0;cell-spacing:0 "><tr style="height:25px;width:559px; cell-padding:0;cell-spacing:0 "><td style="width:272px;text-align:right"><A href="#success1"><img style="border-style: none; " src="images/misc/img_services_ss1.jpg"></A></td><td style="text-align:right"><A href="#success2"><img style="TEXT-ALIGN: right; border-style:none; " src="images/misc/img_services_ss2.jpg"></A></td></tr></table>
 
<br>

<span class="subtitle">Information Technology (IT)</span><br>

<span class="text">x We have been externally appraised
at CMMI Level 2, which assures our customers that our risk management, quality
assurance, project management (based on PMBOK) and software development
methodologies meet the highest process standards.<br>
<br>
IT projects can fail for non-technical reasons. x leverages its expertise
in organizational change to ensure that IT services are properly implemented
and deliver measurable improvements for our customers.
<br>
<br>
                      
</span>

<IMG src="Images/Charts/img_ServicesD4.jpg">
<br>
<br>

<span class="subtitle1">Success Story: Army Aspire</span> <A class="subtitle" href="#top"><u>[TOP]</u></A><br>
<br>
<span class="subtitle">Situation</span><br>
<br>

</div>
</div>
<div class="leftborder servicesLFT">
<div class="subnav" id="Submenu">
<div class="lefttopbuffer" id="lefttopbuffer"><IMG src="Images/misc/top-left-buffer.jpg"></div>
<div class="submenu first" id="submenu1"><A style=" TEXT-INDENT: 16px;" class="sidemenu2lines" href="ServicesOC.aspx">Organizational<br style="text-indent:16px">
<label style="margin-left:16px"></label>Change</A>
</div>
<div class="submenu second" id="submenu2"><A class="active2lines" href="ServicesIT.aspx">Information<br>
    Technology</A>
<div class="divArrow" id="arrow"><IMG alt="active" src="Images/misc/img_arrow.jpg"></div>
</div>
<div class="submenu third" id="submenu3"><A class="sidemenu2lines" href="ServicesPE.aspx">Public and<br>
    Environmental</A></div>
<div class="submenu fourth" id="submenu4"><A class="sidemenu" href="ServicesEL.aspx">eLearning</A></div>
<div class="submenu fifth" id="submenu5"><A class="sidemenu" href="ServicesCU.aspx">Contact
Us</A></div>
</div>
<div class="leftimage" id="leftborderpattern"></div>
</div>
<div class="rightborder ServicesRT" id="rightborder"><IMG alt="Image" src="Images/Rightborder/img_right_services.jpg"></div>
</div>
<DIV class="footer" id="footer"><IMG src="Images/misc/Footer.jpg"></DIV>

</div>
<a style="Z-INDEX: 900; VISIBILITY: hidden; POSITION: absolute; TOP: 1120px" name="success1">
SS1</a> <a style="Z-INDEX: 900; VISIBILITY: hidden; POSITION: absolute; TOP: 1920px" name="success2">
SS2</a>
</body>
</HTML>

rdrake · **Posted:** Thu Jul 13, 2006 1:10 pm

Stylesheets allow you to specify how a document will look like when on the screen, and when being printed. As such, one could write a quick stylesheet to specify how a document should look when it's being printed. To control the layout of the printed page, I recommend taking a look at this page. For a quick intro into the different media types and how to use them, take a look at this page.

Oh, and Microsoft products don't always produce the most friendly HTML to say the least.... Perhaps take a look at the site using an alternative browser, such as Firefox or Opera (if you're on winders). You'll have a lot more happy customers if your site works in most, if not all, browsers Smile

.

Good luck.

asteffes · **Posted:** Thu Jul 13, 2006 3:18 pm

Thanks for your help. The printing style sheets do the trick, but only after I set fixed heights. Very strange, I still dont' know why liquid columns will not print.

Ah well...

Thanks for the heads up!

	Computer Science Canada Programming C, C++, Java, PHP, Ruby, Turing, VB Username: Password: Register
Wiki Blog Search Turing Chat Room Members