CSS Screen & Print Issue

Discussion in 'CSS' started by asifakhtar, Feb 3, 2011.

0
  1. #1
    Hi,

    I need to display the following div’s as it is on the screen according to the HTML, but when I print the Claimant Name, Case Info, Contacts, Files should print on 1st page and Claimant Name, Service should print on 2nd page.

    Can someone please show me a way to solve it using CSS?

    <body>        
        <div>Claimant Name</div>

        <div>Case Info</div>    
        
        <div>Contacts</div>
        
        <div>Files</div>
        
        <div>Service</div
</body>
    Code (markup):
    Thanks
     
    asifakhtar, Feb 3, 2011 IP
  2. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #2
    you can have style defined for screen and print in 2 css. Usemedia=print or screen while adding the link reference to css on the head.

    Example:
    
<link rel="stylesheet" type="text/css" media="screen" href="screen.css"  />
<link rel="stylesheet" type="text/css" media="print" href="print.css"  />
    Code (markup):
     
    radiant_luv, Feb 3, 2011 IP