Safari PC doesn't print images

HTML & CSS
1

Hi All

Got a strange printing problem that only seems to happen in Safari on PC. On this page - http://www.dcdrights.com/catalogue/programme/natures-power-revealed/ - I’ve got a bunch of images that disappear when you try to print in that browser (Safari OSX is fine).

I can’t see anything in the CSS that should cause them to be hidden. I’ve got a print-only style sheet, but it’s very simple, and shouldn’t effect these elements:

/* For print, hide the player or logged-out-player and show the print image */
p#print-main-image {
display:block;
}
p#preview, p#preview-logged-out {
display:none;
}
body.programme #header, body.programme #login, body.programme #utility-bar, body.programme #sidebar, body.programme #footer, body.programme p.back-to-search, body.programme ul#programme-links, body.programme div#gallery p.contact-sales {
	display:none;
}
body.programme #content {
	float:left;
}
.print-only {
	display:block;
}
body.programme div#content img.print-only {
	margin-bottom:30px;
}

(I’m assuming you’ve all got firebug if you want to check the main stylesheet.)

Any ideas what could be causing this? I don’t know if this is a CSS issue, but wasn’t sure where else to ask this, and am pretty stumped!

Thanks loads for any help.

2

Yeah I think Apple’s own site not printing properly is kind of crazy. Could anyone else try this out and let me know if it works? Or if anyone’s got any ideas of how to get around it those would of course be v welcome too! Thanks

3

Thanks Ralph.

I tried un-floating that div - you’re right, it isn’t needed - but that doesn’t seem to fix it. The !important on the other line was actually something I just tried when I was trying to fix the problem. (Though shouting at the browser might help…) Took that back out and still no joy.

I got curious and tried print previewing a few more sites in Safari PC. Apple’s own site http://www.apple.com - also doesn’t print most of its images in that browser, but does in Safari OSX. Is this a known issue with the browser perhaps?

4

Hmm, I’m not very good with print, but in lieu of someone who knows what he/she’s talking about, I’d suggest not floating the Content div. One rule I’ve taken to heart is not to float elements in print style sheets, and I see no reason to float Content anyway.

Just for the heck of it, try this:

body.programme #content {
	float:none;
}
5

I don’t know, but there is probably a mechanism for reporting such behavior to Apple, if you care to. Certainly is odd!