Submit your breaking news stories and original articles to us by contacting us
I know a decent portion of our readers out there are web jockeys… the rest of you can ignore this happily. There seems to be a bug in Internet Explorer with the greyscale CSS Filter. I manage among other things a pretty large intranet and I recently added a “printer-friendly” link for each page on the site… which basically would take the same page you were on, but strip off the header and footer, convert all the colors in the CSS to black and white and grey, and finally, apply body {Filter: Gray;} to convert any remaining content (hardcoded color values, images, etc) to greyscale. Not a perfect solution since the filters don’t really work in anything but IE (maybe opera), but it didn’t need to be. It’s been up that way for a few months. Then today, I got a phone call… an exec was trying to print a long policy manual page, and it was giving him 4 copies of the first screenful instead of the whole file. Banged my head over it for at least half an hour… the problem didn’t happen when the headers were on, it didn’t happen in FireFox or even crusty old netscape 4.7… but it did in IE, on the printable page. And not just for that particular manual page, but every page that could use my printable option, if it was more than one page long.
Not good. Finally figured it out, though. The only difference between the printable page in one browser and another was that IE rendered the filter and the others didn’t… so I tried removing it… and the problem was resolved. So, in case you ever run into this… there’s a fix. And thank you so very, very much to Macromedia for developing Flashpaper which made my fix-finding adventure far more efficient and killed many fewer trees.
So what about you guys… have you run into any oddball IE printing bugs like this that you think would be worth putting out in case someone’s googling them? Chances are this page will end up showing up pretty well in google for that search term… let’s help people out a bit, eh? :-)
Category: Articles
4 Responses for "filter:gray Internet Explorer Printing bug"
October 29th, 2004 at 1:53 pm
1I’m currently tangling with this one … in my print CSS I’m using absolute positioning to move the footer of the page (which contains the company name, address, contact info) to the top of the page so that it will appear at the start of every printed document.
This works great in everything except IE. In IE, the top gap (left open for the positioned footer) is there, but the footer info seems to be positioned in a more or less random location throughout the document and also seems to be centered on a page that is twice the width of the printed page (how it came up with this width I have *no* idea).
May 25th, 2005 at 10:41 am
2We are having a problem with IE printing fine until 10 pages in then it looks like it zooms in and prints everything in a much larger type face and anteh images are larger than normal too. In fact all the information bleeds off to the right of the page. Very strange.
August 18th, 2005 at 9:16 am
3I’m having problems with a set of recursed tables that render fine on the normal browser, works fine from Firebox, and where text gets aligned too far out to the right in print, going *under the margin* and thus cutting off some of my text.
No solution beyond padding, so far.
Eivind.
January 24th, 2006 at 5:43 am
4I’ve used the MS alpha filter to overcome the lack of native support for PNGs, but when I try to print multiple pages, IE crashes. Even when I have filter:none in the print.css! :(
Only solution found so far is to remove the filter styles from the regular stylesheet…
RSS feed for comments on this post
Leave a reply