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.
Expand|Select|Wrap|Line Numbers
- <%@ 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>