CSS printing in Opera

[Richard L.]

I have visited Dynamic Drive many, many times and used scripts from here in multiple projects. Really appreciate what is on this site.

I am re-designing our corporate web site using css instead of tables. My problem is that when I preview a page in Opera (ver. 9.22) it sees the site as at 100% when the page is restricted to 800px. In addition when I try to print it sends a couple of dozen blank pages to the printer. Any insights would be greatly appreciated.

Rich L.

[Kem]

Can u post your code? Post your code or a link to it and we'll check it out.
Have fun!

[Richard L.]

Thank you for taking time to look this over for me. Here is the complete CSS for print.css file

body{
margin-left:30px;
padding: 6px;
border: 0;
overflow: none;
background-image:none;
color: #000000;}

#framecontent{
display: none;
}

#maincontent{
position: static;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
overflow: auto;
float: none;
margin-left:30px;
padding: 6px;
border: 0;
color: #000000;
background-color:#FFFFFF;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}

.breakPage {page-break-before: always}

p {
color:#000000;
line-height: 14pt;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt}

li {
color:#000000;
line-height: 14pt;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
list-style-type: square}

H1 {
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18pt;
text-align: left}

H2 {
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
text-align: left}

H3 {
color:#000000; font-family:
Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: left}

H4 {
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: left;
color: #FFFFFF;
background-color: #D82D36;}

#mytable {
width: 8in;
padding: 0;
margin: 0;
}

caption {
padding: 0 0 5px 0;
width: 8in;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align: center;
}

th {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight: bold;
color: #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
}

th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #000000;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

td {
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #ffffff;
padding: 6px 6px 6px 12px;
color: #000000;
}


td.alt {
background: none;
color: #000000;
}

th.spec {
border-left: 1px solid #000000;
border-top: 0;
font-weight: bold;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

th.specalt {
border-left: 1px solid #000000;
border-top: 0;
background-color: #FFFFFF;
font-weight: bold;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}