Hi,

For my company’s website, http://www.emecole.com, I’ve already got the CSS print page made and inserted the code in the correct spot on all pages. However, when you go to Print Preview and you actually print, the content is still on the right side of the page. I’ve tried a lot of different manipulations with the Print CSS style sheet, and nothing has worked. I’m not sure what the next step is. I’m sure I’m missing something that might be so simple. Below is the Print Style Sheet code. If anyone has any answers, please let me know. Any help would be greatly appreciated.

—————

body {
  color : #000000;
  background : #ffffff;
  font-family : “Times New Roman”, Times, serif;
  font-size : 12pt;
}
a {
  text-decoration : underline;
  color : #0000ff;
}
#navigation, #subnav, #other, a.menu, a.menu:hover, div.images_right, #div_lower_bg, #div_lower, #div_footer, #div_content_toprt, #header, #div_top_banners_crack, #div_top_banners_sump, #div_top_banners_carbon, #div_topimage_bg, #div_topimage, #div_menu, a.menu, a.menu:hover, .menu_div, .menu_sep, #div_content_topt, #div_content_topb, #div_content_rightb, div.carbon, #top_menu_links, #div_content_topb_homeowners, #div_content_topb_contractors, table.crack {
  display : none;
}

 

 

a.menu
{
  color: #C83A1D;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

a.menu:hover
{
  /*background-image: url(‘menu_hover_bg.png’);*/
  background-repeat: repeat-x;
}

img
{
  border-width: 0px;
}

div.images_right
{
  float:right;
  padding: 0px 0px 0px 12px;
}

#header
{
margin: 0px 0px 10px 0px;
}

#subnav
{

  font-size:12px;
  font-weight: bold;
  text-decoration: none;
  margin: 0px 0px 0px 45px;
  padding: 0px 0px 0px 0px;
  width: 300px;
 

}

div.carbon
{
  background-color: #fffdec;
  color: #a07c15;
border: #ffffff;
border-width:1px;
border-style:solid;

}

#div_content
{
  font-family: Times New Roman;
  font-size: 20px;
  font-weight: normal;
  padding-top: 18px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 28px;     
}

#div_content_rightb
{
  background-image: url(‘content_rightb.png’);
  background-repeat: no-repeat;
  height: 269px;
  width: 13px;
}

#div_content_toprt
{
  background-image: url(‘content_toprt.png’);
  background-repeat: no-repeat;
  height: 31px;
  margin-left: 374px;
  width: 12px;
}

#div_content_topb
{
  background-image: url(‘content_topb.png’);
  background-repeat: no-repeat;
  height: 56px;
  width: 474px;
}

#div_content_topb_contractors
{
  background-image: url(‘content_topb_contractors.png’);
  background-repeat: no-repeat;
  height: 56px;
  width: 474px;
}

#div_content_topb_homeowners
{
  background-image: url(‘content_topb_homeowners.png’);
  background-repeat: no-repeat;
  height: 56px;
  width: 474px;
}

#div_content_topt
{
  background-image: url(‘content_topt.png’);
  background-repeat: no-repeat;
  height: 33px;
  width: 319px;
}

#div_footer
{
  background-image: url(‘footer_bg.png’);
  background-repeat: repeat-x;
  height: 122px;
}

#div_logo
{
  margin-left: 82px;
  position: absolute;
  z-index: 1;
  border=“0”;
}

#div_lower
{
  background-image: url(‘lower_bg.png’);
  background-repeat: no-repeat;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  height: 85px;
}

#div_lower_bg
{
  background-image: url(‘lower_bg2.png’);
}

#div_main
{
  background-color: #FFFFFF;
}

#div_menu
{
  background-image: url(‘menu_bg.png’);
  font-size: 1px;
  height: 55px;
}

 

#div_menu_main
{
  background-image: url(‘menu_main_bg.png’);
  background-repeat: no-repeat;
  height: 259px;
  width: 386px;
}

 

#div_menu_main_contractors
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_crack
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_sump
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_sump_pits
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_swimming
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_antiradon
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_basement
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_indoor
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_crawlspace
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_drain
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_formulated
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_carbon
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_specialty
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_diy
{
  background-image: url(‘menu_main_bg.png’);

}

#div_menu_main_store
{
  background-image: url(‘menu_main_bg.png’);

}

#div_top_banners_crack
{
  background-repeat: no-repeat;
  height: 131px;
  margin-left: 373px;
  position: absolute;
  width: 226px;
}

#div_top_banners_sump
{
  background-image: url(‘top_banners_sump.png’);
  background-repeat: no-repeat;
  height: 131px;
  margin-left: 609px;
  margin-top: -82px;
  position:absolute;
  width: 138px;
}
 
#div_top_banners_carbon
{
  background-image: url(‘top_banners_carbon.png’);
  background-repeat: no-repeat;
  height: 127px;
  margin-top: -82px;
  margin-left: 757px;
  position: absolute;
  width: 184px;
}

#div_topimage
{
  background-image: url(‘topimage_bg.png’);
  background-repeat: no-repeat;
  height: 82px;
}

#div_topimage_bg
{
  background-image: url(‘topimage_bg2.png’);
}

#td_subpage
{
font-size:12px;
}

table.crack
{

background:#fffcf3;
}

 

#td_content
{
  width: 474px;
}

Hi,

I’m not exactly sure what the problem is, when I look at the print preview in IE 8 and Firefox 3 the previews look fine. Is the problem occuring with the actual hardcopy?

Knowing exactly which page(s) of the site you are having problems wih and screenshot of the error might be helpful for me.

Try hiding the content in the div with the print stylesheet.