Results 1 to 3 of 3

Thread: CSS printing in Opera

  1. #1
    Join Date
    Feb 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default CSS printing in Opera

    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.

  2. #2
    Join Date
    Feb 2008
    Location
    VietNam
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

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

  3. #3
    Join Date
    Feb 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •