Re: [css-d] Print CSS renders mystery elements in IE
francky wrote: Hi Barney, It's difficult to analyze, if we don't have some practical material (maybe you've send it in an attachment, but they are deleted in this list). Do you have a link? I'm an idiot - I fail to append the URL and when somebody points this out I reply to them personally without including css-d in the to: line! http://bssh.test.textmatters.com/sandbox/printtest Recap: URL is the page with non-print media CSS turned off and print media CSS made universal. Using IE it looks fine in the browser, previews for print /terrible/ (but I'm not overly concerned with that), and prints fine except for mysterious overlaid characters in a small space around the centre-top of the document. I want to find out where these characters are coming from. Thanks for your patience. Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Print CSS renders mystery elements in IE
Barney Carroll wrote: http://bssh.test.textmatters.com/sandbox/printtest I'm still a bit confused here. Which stylesheet are you trying to apply to which media? At the moment only 'typography.css' is applied to print, and both stylesheets are applied to screen. There are a few errors in the source-code... http://validator.w3.org/check?uri=http://bssh.test.textmatters.com/sandbox/printtest ...which may all come from one fatal error around the form. Browsers are generally not as good at 'error-recovery' for print as they are for screen, so that's worth looking into. There are also a few - pretty serious - errors in those stylesheets... http://jigsaw.w3.org/css-validator/validator?uri=http://bssh.test.textmatters.com/sandbox/printtestwarning=1profile=css21 ...which you definitely should look into. Generally: my experience is that _completely separate_ screen and print styles are handled better by all browsers. Overriding one with the other seems to result in slightly different print-outs across browser-land. Others may disagree in my separate media[1] approach though. regards Georg [1]http://www.gunlaug.no/contents/wd_1_04.html -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Print CSS renders mystery elements in IE
Barney Carroll wrote:
francky wrote:
Hi Barney,
It's difficult to analyze, if we don't have some practical material
(maybe you've send it in an attachment, but they are deleted in this list).
Do you have a link?
[...]
http://bssh.test.textmatters.com/sandbox/printtest
Recap: URL is the page with non-print media CSS turned off and print
media CSS made universal. Using IE it looks fine in the browser,
previews for print /terrible/ (but I'm not overly concerned with that),
and prints fine except for mysterious overlaid characters in a small
space around the centre-top of the document. I want to find out where
these characters are coming from.
Hi Barney,
First I should have a look at the html-validator and repair some errors
- will have a positive effect anyway. :-)
Then the strange characters.
It are some rests of the header h1 and header h2 styles in the media-all
styles.
If we give these styles a font-size of say 15px instead of 1px/0px (IE
is enlarging everything: and seems to enlarge the height of the 1px/0px
characters without enlarging the width of them proportionally), the text
is appearing just in the positions as where the collapsed characters are.
* See testpage 1
http://home.tiscali.nl/developerscorner/css-discuss/test-printtest-1.htm
So the solution will be, if you don't want the h1 and h2 texts to
display: to set these styles to {display:none;} in the print stylesheet.
* See testpage 2
http://home.tiscali.nl/developerscorner/css-discuss/test-printtest-2.htm
Success and greetings,
francky
Btw: can't you give the normal stylesheet an @media-screen? Then you've
your hands free for a fresh start in the print styles, without any
influence of the screen styles (now and later, if something has to be
changed in the screen styles).
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Print CSS renders mystery elements in IE
Gunlaug Sørtun wrote: http://bssh.test.textmatters.com/sandbox/printtest [...] There are a few errors in the source-code... [...] There are also a few - pretty serious - errors in those stylesheets... [...] Generally: my experience is that _completely separate_ screen and print styles are handled better by all browsers. Overriding one with the other seems to result in slightly different print-outs across browser-land. Others may disagree in my separate media[1] approach though. regards Georg [1]http://www.gunlaug.no/contents/wd_1_04.html Hi again, After sending my reply I discovered this one had fallen into the mailbox in the meantime. Always glad to see some convergent hints, and glad to see I've learned from the knowledge of Georg as well! ;-) Thanks, list members! francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Print CSS renders mystery elements in IE
Francky, Georg, Thanks for your swift replies. Links to the w3 validators are always appreciated! Georg, the notion of limiting media:all CSS to stuff you're certain you want across the board is a very healthy one - it may be in my best interests to just shuffle and cut everything up that way. I'll update people on the solution when I've got it sorted. Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Print CSS renders mystery elements in IE
Hello all, I have a tall order here. I'm having my first serious foray into print CSS here and have everything pretty much down to a T, bar a few bits of aesthetic judgment (as ever) - on standards-compliant browsers. IE has a strange problem - despite the fact I have taken great care in setting display:none for all elements irrelevant to a static view of documents, a mysterious blotch of what looks like a collection of overlaid characters appears in a small space just left of the top-centre of the page. To make things easier I have created a page which loads none of the screen styles and has the print CSS set to media: screen - but this is only partially useful because the elements in question do not reveal themselves in the browser view (so no DOM inspection), and although they do appear in print preview, so does a whole load of other stuff which shouldn't be there (and promptly disappears when actually printed). I appreciate this is a very ugly issue, but if anybody could spare the time for a quick print out, all suggestions and guesses will be much appreciated. Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Print CSS renders mystery elements in IE
Hi Barney, It's difficult to analyze, if we don't have some practical material (maybe you've send it in an attachment, but they are deleted in this list). Do you have a link? Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
