views:

79

answers:

1

i had created one web page with header image (style="background-repeat: repeat-x;"). I have need print this page. Then print preview click and i see 2 pages. first page top position include header image and then 2 page is same header images included, but i need only first page with header image, 2 page don't need header image. please help me

A: 

Unfortunately, that's how Firefox function, each new print page is like an individual web page.

I would recommend you use a "print" specific CSS by removing the body background and having a block header visible only in print.

Here's an example:

<html>
<head>
<style type="text/css">
body {
    background: url(topbg.jpg) repeat-x;
}
div#printheader { /* Do not display for other non-print media */
    display: none;
}


@media print { /*CSS for print*/
    body {
     background: none;
    }
    div#printheader { 
     display: block;
    }
}
</style>
<body>
<div id="printheader"><img src="topbg.jpg" /></div>
.
.
.
.
.
</body>
</html>
o.k.w