Print CSS Errors

learning_brain

New Member
Messages
206
Reaction score
1
Points
0
I am creating a print css file but getting some very strange results.

Page is at http://www.donbur.co.uk/eng/css/csstest.php

with print css at http://www.donbur.co.uk/eng/css/print.css

Bearing in mind there are no deliberate page breaks here, the print preview and print result seems to hide some sections and put breaks in where they aren't wanted. You can see this mainly in the form element - where the end of the form & fieldset are hidden.

This only seems to happen in Firefox though (Not tested in Safari or Chrome).

Has anyone else come up against similar issues?

Richard
 

misson

Community Paragon
Community Support
Messages
2,572
Reaction score
72
Points
48
What are the specific issues, preferably illustrated with screenshots? What specific version of Firefox are you using? I see no sections missing other than what I would expect to be missing (the menu & slideshow) in FF 12.0 on OS X 10.6.8. I see a page break between the "Contact Us" heading and the "Please complete this form" legend.

Safari 5.1.7 has no undesirable page breaks in the print preview, but does have two blank pages at the end of the document.

This is a prime candidate for a minimal test case.

Disable all relevant rules (in this case, those that apply to #stylized, #form1 and fieldset.holder[c]) using a debug tool such as Firebug. Note the break still happens, so you can rule out styling as the cause. Note also that the form content takes up most of a page, which suggests that perhaps FF inserts the page break because the form doesn't fit on the earlier page. Hiding one of the inner fieldsets (such as "Company Details", which is the tallest) confirms that this is the case. A Google search for "[url=http://www.google.com/search?q=firefox+print+fieldset+page+break]firefox print fieldset page break[/url]" returns many pages about this issue, some with solutions. Most likely, you'll have to replace the outer fieldset with some other element.
 
Last edited:

learning_brain

New Member
Messages
206
Reaction score
1
Points
0
Thanks Misson

Can't believe FF is the worst culprit!!

Still trying to work around this problem as the architecture is already embedded into a whole load of files.

I do at least now have it at an acceptable stage.

Rich
 
Top