Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jul 2005
    Posts
    29
    Thanks
    1
    Thanked 0 Times in 0 Posts

    min-height causes a printing problem

    A .css definition of min-height on a page element which controls width and height is causing a problem when pages are printed.
    #wrapper {
    position: relative;
    width: 770px;
    margin: 0 auto;
    text-align:left;
    background: #fff;
    overflow:hidden;
    min-height: 875px;
    }

    The content does not flow over from one printed page to the next but seems to stay in one 'lump' and push down the rest of the content
    Is there any way of remedying this in the print.css file I am creating?

    Many thanks

  • #2
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,517
    Thanks
    114
    Thanked 110 Times in 109 Posts
    I found that keeping widths to below 640px seems to work for portrait A4 printing. Sometimes using css to seperate pages is helpful

    Code:
    div#page
    {
    	background-color:white;
    	page-break-before:always;
    }
    Code:
    <div id="page>
    page content 
    
    </div>
    Any chance you can show an example of what the prints look like compared to the web page on screen
    You can not say you know how to do something, until you can teach it to someone else.

  • #3
    New Coder
    Join Date
    Jul 2005
    Posts
    29
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thank you so much for taking the trouble to respond. In fact it was the background image which was causing all the trouble. I substituted this in the print.css with a 1pixel by 1 pixel image and all was well.


  •  

    Posting Permissions

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