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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2007
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    html/css with firefox milti-page printing issue (moderate)

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <style type="text/css" media="all">
    .imgA0 { position:absolute; top: 33px; left: 0px; z-index: 1; }
    .imgA1 { position:absolute; top: 33px; left: 265px; z-index: 1; }
    .imgA2 { position:absolute; top: 33px; left: 530px; z-index: 1; }
    .imgA3 { position:absolute; top: 129px; left: 0px; z-index: 1; }
    .imgA4 { position:absolute; top: 129px; left: 265px; z-index: 1; }
    .imgA5 { position:absolute; top: 129px; left: 530px; z-index: 1; }
    .imgA6 { position:absolute; top: 225px; left: 0px; z-index: 1; }
    .imgA7 { position:absolute; top: 225px; left: 265px; z-index: 1; }
    .imgA8 { position:absolute; top: 225px; left: 530px; z-index: 1; }
    .imgA9 { position:absolute; top: 321px; left: 0px; z-index: 1; }
    </style>
    <title>Test Images</title>
    </head>
    <body>
    <img src="testimg.jpg" class="imgA0" alt="testimg">
    <img src="testimg.jpg" class="imgA1" alt="testimg">
    <img src="testimg.jpg" class="imgA2" alt="testimg">
    <img src="testimg.jpg" class="imgA3" alt="testimg">
    <img src="testimg.jpg" class="imgA4" alt="testimg">
    <img src="testimg.jpg" class="imgA5" alt="testimg">
    <img src="testimg.jpg" class="imgA6" alt="testimg">
    <img src="testimg.jpg" class="imgA7" alt="testimg">
    <img src="testimg.jpg" class="imgA8" alt="testimg">
    <img src="testimg.jpg" class="imgA9" alt="testimg">
    </body>
    </html>
    With this code (over 30+ images) it prints the way i would like BUT Firefox doesn't print all the pages just the first.. the IE we are using prints it the way i need but wont allow me to set the proper margins for print. under page setup

    I add @media print {overflow: visible !important;} to the style and Firefox prints all pages/images but does not hold the structure of the css placement for the images.

    Any help is highly appreciated thanks for your time.

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    do a floated layout and see if the Browsers work any differently.


  •  

    Posting Permissions

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