Printer Friendly

[slabadoo]

Yep! I am aware of this. I am compliant, using v1.3.x

My delima is that I only wish to print out the Stage area as shown in the image above. For the life of me, I can only get the printer to print out the header and the footer. Perhaps I am placing calling the wrong id

Thanks,
Slabadoo

[DrByte]

You have some bizarrely mixed HTML in your template.

Your footer has mixed content which you appear to have copied verbatim from other parts of the main layout, thus ending up with duplicate id elements and a table for the footer appears to be embedded in column two code, etc.

<td id="navColumnTwo" class="columnRight" style="width: 219px">
<div id="navColumnTwoWrapper" style="width: 219px"></div></td>
  </tr>
  <tr>
    <td bgcolor="#e6e6e6" class="columnLeft" id="navColumnOne" style="width: 231px">&nbsp;</td>
    <td valign="top"><table width="540" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="491" bgcolor="#e6e6e6"><FONT color=#cdcdcd>&nbsp; <FONT face=Verdana 
      color=#b4b4b4>&nbsp;<FONT color=#9a9a9a size=1>&copy; 2007&nbsp;Michael
                Weinig AG </FONT></FONT></FONT></td>
        <td width="49" bgcolor="#e6e6e6"><a href="#" onclick="window.scrollTo(0,0); return false"><IMG height=17 
      src="http://www.........com/navimages/top.gif" width=18 align=right 
      border=0></A><a href="javascript:window.print()"><IMG height=17 
      src="http://www..........com/navimages/print.gif" width=18 align=right 
      border=0></a></td>
      </tr>
    </table></td>
    <td id="navColumnTwo" class="columnRight" style="width: 219px">&nbsp;</td>

Plus, you put your header into a table completely outside the original "headerWrapper", making it unreachable by built-in styling. This is fine as long as you add the required id's and classes to it so it can be influenced by the stylesheet.

And the main reason you're getting a blank "stage" as you call it when you try to print is because you have not retained matched tags when you edited your navigation area ... you're missing a closing </div> and therefore your whole "centerColumn" is being treated as though it's inside the "navMainWrapper" ... which is hidden for printing purposes.

	<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><a href="http://........../">Profile Catalog Home</a></li>
    <li><a href="http://......index.php?main_page=login">Log In</a></li>

</ul>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

<!-- bof  breadcrumb -->
<!-- eof breadcrumb -->


<!-- bof upload alerts -->
<!-- eof upload alerts -->

<div class="centerColumn" id="indexCategories">
<h1 id="indexCategoriesHeading">Bar Rails</h1>

[DrByte]

oh, and having this in your stylesheet will "prevent" your "stage" area from showing up, at least on that page ... note that display: none means ... don't show.

@media print {
  .categoryListBoxContents {display: none}
}

[paulm]

Can't add much to that Drbyte :-)

Some unrelated errors in the CSS are that it contains some faulty color settings:

	color: 0000CC;

In general it's better to track down and solve all/most CSS and HTML errors first, when having "weird" problems.

[slabadoo]

OK, I added the </div> and took out the display none. Still , not printing?

Any other thoughts?

Thanks,
Slabadoo

[DrByte]

1. get rid of this in your stylesheet.css

@media print {
  .categoryListBoxContents
}

2. In this section, add another closing </div>, as shown:

	<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><a href="http://...../">Profile Catalog Home</a></li>

    <li><a href="http://....../index.php?main_page=login">Log In</a></li>

</ul>
<br class="clearBoth" />
</div>
</div>
<!--eof-navigation display-->

That should get your "stage" area printing. You can deal with the other issues separately.

[slabadoo]

DrByte

thank you. This solved my printing problem.

Slabadoo...