274961 - Printing (Print Preview) does not work properly when CSS has defined height : 100%

Status: RESOLVED DUPLICATE of bug 154892

(Firefox :: General, defect)

Description

[Vesa Piittinen]

As you can see when you try to print preview this page and its subpages, the
print preview will only render one page, often overflowing from the page. I
didn't test printing, but I guess it would only print one page.

The CSS has following content at the beginning:

/* IE 5+ hack */

html, body, DIV.content {
	min-height: 100%;
	height: 100%;
	width: 100%;
}

html>body, html>body DIV.content {
	height: auto;
}

DIV.content {
	position: absolute;
	left: 0px;
	top: 0px;
	border-width : 0px;
	padding : 0px 0px 0px 0px;
	background : url(http://koti.mbnet.fi/merri/img/bg_bottom.png) bottom center
no-repeat;
}

BODY {
	background : url(http://koti.mbnet.fi/merri/img/bg.png) top center repeat-y;
	font-family : tahoma, arial, helvetica, sans-serif;
	font-size : 10pt;
	background-color : #3671a8;
	color : #102050;
	margin : 0px;
	padding : 0px;
	text-align : center;
}


The page uses div.content as the main layer and I believe this is what causes
the problem. The trick makes the layer always be atleast height of the visible
window. If there is more content, then the layer adjusts.

Comment 1

[Mats Palmgren (inactive)]

*** This bug has been marked as a duplicate of 154892 ***