Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Issue in print on FF with absolute positioning

I am facing some issue in printing a form created using absolute positioning in FF. I am printing on A4 sheet. The page comes fine if its single paged form, but when i have to print multi page form the only first page is printed and other elements that have to come on second page overwrites each other in a single line on the next page. Its quite weird the same is working fine on IE

NOTE I am unable to share the html as it includes a lot of css and quite complex and big HTML pages.

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
@-moz-document url-prefix() {div{position:relative} }
@media print { marquee { -moz-binding: none; } body{overflow:visible !important;} }
#a{
position:absolute;
top:50px;
left:70px;
}
#b{
position:absolute;
top:1050px;
left:170px;
}
#d{
position:absolute;
top:1650px;
left:270px;
}
#c{
position:absolute;
top:1550px;
left:470px;
}

</style>
</head>
<body>asdasd
<div id="a">aa</div>
<div id="d">bb</div>
<div id="b">ff</div>
<div id="c">asd</div>
asdasda
</body>
</html>
like image 973
Varun Avatar asked Dec 06 '11 10:12

Varun


1 Answers

There is a thread where the topic was already discussed: Firefox printing only 1st page

However, the problem could be in the css. As explained here http://briancaos.wordpress.com/2008/12/05/firefox-only-prints-first-page-of-contents/

If you have an

overflow: hidden;

in your css, change it to

overflow:visible;

and then it should work.

like image 196
Daniele B Avatar answered Nov 15 '22 05:11

Daniele B