Problem printing website developed with CSS:Nothing prints!

letsgetsilly

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.

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">&nbsp;&nbsp;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>

                        &nbsp;

                        <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>

                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

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

                        <br>

                        <br>
 
                        <span class="subtitle1">Success Story: Army Aspire</span>&nbsp;<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>

                                &nbsp;&nbsp;&nbsp; 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&nbsp;and<br>  

                                &nbsp;&nbsp;&nbsp; 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>

ronverdonk

I displayed your code in my browser and it prints what is displayed. So the culprit must be in one of your included files, such as the CSS ones.

Are you sure that you don't have a { display:none; } somewhere in your CSS files? Or a separate media="print" include?

Ronald :cool:

letsgetsilly

I'll check it out. It definetly works when I create an independent print.css file

Problem printing website developed with CSS:Nothing prints!

re: Problem printing website developed with CSS:Nothing prints!

re: Problem printing website developed with CSS:Nothing prints!

/bytes/development

/bytes/it

/bytes/about