CODEWITHSUNDEEP
htmlcssprinting
user1015711
user1015711

Reputation: 132

page-break-before fails in FF Chrome and Safari pc

See this fiddle http://jsfiddle.net/GEQxj/1/

I have tried several suggestions like 

float:none; 
overflow:visible; 
display:block;
break-before: always;

What i want to accomplish - is the table with the child class to be to be printed in a landscape fashion. The rotation works across all browsers. However the page-break-before only works in ie8 at the moment. Does not work in latest versions of FF Chrome and Safari.

This page is generated from another page for the sole purpose of being printed so no need for @media print.

Upvotes: 0

Views: 119

Answers (1)

Jakob
Jakob

Reputation: 3546

Try adding this:

margin-top:280px;
margin-left:-230px;

It looks good in chrome and firefox http://jsfiddle.net/GEQxj/23/ You can target just webkit browsers and firefox with this:

 @media screen and (-webkit-min-device-pixel-ratio:0) {
 /* Safari and Chrome CSS here */
 }

 @-moz-document url-prefix() {
 /* Firefox CSS here */
 }

Upvotes: 0

Related Questions