Click to See Complete Forum and Search --> : Print Stylesheet not working


spitfire72
08-29-2008, 06:44 PM
Hi.

I've been monkeying with my first print stylesheet and have had some success, but the fonts are not listening to the print styles. They're printing out at about 14 pt when I'm styling them at 11pt. I've tried all sizes to test and nothing is changing. Display properties, margins, etc. are working, but not the font styles. Here's the stylesheet. And the link. Please help if you've seen this kinda thing before. Thank you!

Hannah

http://www.pietheineek.us/mm5/merchant.mvc?Screen=PROD&Store_Code=SF&Product_Code=SF2120&Category_Code=TBL

/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif; font-size:11pt; font-weight:normal; color: #333; letter-spacing: 0.1em; line-height:16pt;
background-color: #fff; text-align:center;
}


a{color:#000; font-weight:bold;text-decoration:none;}
a:hover{color:#CD4F25;text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:active{color:#333; text-decoration:none;}
p {font-family:Arial, Helvetica, sans-serif; font-size:11pt; font-weight:100; color: #000; letter-spacing: 0.1em; line-height:16pt;; text-align:left; height: auto; width:auto;}


p.storenav{margin-left:0pt; margin-right:15pt; text-align:right; line-height:8pt;}

h1{"Times New Roman", Times, serif; font-size:14pt; letter-spacing:.1em; font-weight:bold; text-align:center; width: 550pt;}




#logo-vis {visiblity:visible;}




#mivawrapper{position:static; border:none; width:800pt; height:auto; text-align:center;}



#pagecontainer {
position: absolute;
left: 0;
top: 0;
text-align: center;
width: 100%;
height:100%;
}

#wrapper {
position: relative;
width: 100%;
height: auto;
margin-top: 2%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.prodname{text-transform:uppercase; font-size:11pt; letter-spacing:.1em;}



p.nav{font-weight:normal; font-size:11pt; color:#000; text-align:left; display:none;}

p.navnew{margin-left:0pt; line-height:8pt;font-weight:normal; font-size:11pt; color:#000; text-align:left;}


#none{display:none;}
#none2{display:none;}



#loneimage{float:left; padding-bottom:50px; padding-right:15px; }

#descr{border:solid 1px #fff; line-height:17pt; width:100%; font-size:11pt; clear:both;}

#items{display:none;}

#itemsbottom{clear:both; width:550pt; border:1 pt solid #ccc; padding-left:10px; display:none;}

#add-print{display:visible; text-align:center; padding-top:135pt; font-size:10pt; }
#otheritems{display:none; visibility:hidden;}

Coyotelab
08-29-2008, 07:35 PM
You had 4 errors in your style sheet (corrected),now try see if it works.
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif; font-size:11pt; font-weight:normal; color: #333; letter-spacing: 0.1em; line-height:16pt;
background-color: #fff; text-align:center;
}


a{color:#000; font-weight:bold;text-decoration:none;}
a:hover{color:#CD4F25;text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:active{color:#333; text-decoration:none;}
p {font-family:Arial, Helvetica, sans-serif; font-size:11pt; font-weight:100; color: #000; letter-spacing: 0.1em; line-height:16pt;; text-align:left; height: auto; width:auto;}


p.storenav{margin-left:0pt; margin-right:15pt; text-align:right; line-height:8pt;}

h1{font-family:"Times New Roman", Times, serif; font-size:14pt; letter-spacing:.1em; font-weight:bold; text-align:center; width: 550pt;}




#logo-vis {display:block;}




#mivawrapper{position:static; border:none; width:800pt; height:auto; text-align:center;}



#pagecontainer {
position: absolute;
left: 0;
top: 0;
text-align: center;
width: 100%;
height:100%;
}

#wrapper {
position: relative;
width: 100%;
height: auto;
margin-top: 2%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.prodname{text-transform:uppercase; font-size:11pt; letter-spacing:.1em;}



p.nav{font-weight:normal; font-size:11pt; color:#000; text-align:left; display:none;}

p.navnew{margin-left:0pt; line-height:8pt;font-weight:normal; font-size:11pt; color:#000; text-align:left;}


#none{display:none;}
#none2{display:none;}



#loneimage{float:left; padding-bottom:50px; padding-right:15px; }

#descr{border:solid 1px #fff; line-height:17pt; width:100%; font-size:11pt; clear:both;}

#items{display:none;}

#itemsbottom{clear:both; width:550pt; border:1pt solid #ccc; padding-left:10px; display:none;}

#add-print{display:inline; text-align:center; padding-top:135pt; font-size:10pt; }
#otheritems{display:none; visibility:hidden;}

spitfire72
09-03-2008, 01:58 PM
Thanks for the corrections. What were the errors? Your eyes are sharper than mine. It now works in IE, but not Firefox on Windows. The borders on the little images are cut off, and the font still appears to big on their print. Testing the stylesheets is awk since I can't submit to browsershots, etc (I have a Mac and only Windows Vista on PC). I have to ask the client to review.

Thanks again for your insight.