On Wed, Feb 3, 2010 at 8:06 PM, rebus_ <[email protected]> wrote: > On 4 February 2010 01:16, B3 <[email protected]> wrote: >> I'm using another grid/css file just for printing and I would like to >> use that instead of the setup currently used for printing.. I created >> a flyer and would like to keep the same position of everything like it >> is on screen. What do I change so the printed page doesnt look like >> there was no CSS at all on the website? >> > > If you are importing CSS like this in your <head> as it is suggested, > you need to remove the print.css declaration and remove media="screen, > projection" attribute from screen.css declaration. > > So instead of: > <link rel="stylesheet" href="/blueprint/screen.css" type="text/css" > media="screen, projection"> > <link rel="stylesheet" href="/blueprint/print.css" type="text/css" > media="print"> > > do: > <link rel="stylesheet" href="/blueprint/screen.css" type="text/css"> >
Just for your information, I can't promise you that the printed page will look exactly like the screen, even with the same exact CSS. The styles intended for the screen are not guaranteed to be compatible with printing, and all browsers / operating systems / printers behave differently. So I recommend you do a lot of testing before assuming that you are getting the results you want. -- -- Christian Montoya mappdev.com :: christianmontoya.net -- You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
