Re: [css-d] problem: printable version of page
Thanks to Beth and also David Hucklesby for their helpful responses about this problem. I'm working on improveing the print layout with your good suggestions. Rory On Sep 21, 2010, at 5:37 PM, Beth Lee wrote: http://chmackellar.ehclients.com/printable_catalog I am making a print version of the above web page. If you go to this page and click print, then view a preview of the page, you will see that there is a ton of space right under the collection header, making most of the first page blank. Does anyone know why this is? I'd like the photos to start right under the collection header just as it does in the browser. I get various results with various browsers using an Epson WorkForce printer on Vista OS. Chrome -- no extra space below Collection. IE8 -- no extra space below Collection. Safari -- no extra space below Collection except that the space for the images, which are missing. Firefox -- rest of 1st page below Collection is blank; images being on page 2. HTH. Beth __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem: printable version of page
http://chmackellar.ehclients.com/printable_catalog I am making a print version of the above web page. If you go to this page and click print, then view a preview of the page, you will see that there is a ton of space right under the collection header, making most of the first page blank. Does anyone know why this is? I'd like the photos to start right under the collection header just as it does in the browser. I get various results with various browsers using an Epson WorkForce printer on Vista OS. Chrome -- no extra space below Collection. IE8 -- no extra space below Collection. Safari -- no extra space below Collection except that the space for the images, which are missing. Firefox -- rest of 1st page below Collection is blank; images being on page 2. HTH. Beth __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem: printable version of page
On 9/21/10 2:37 PM, Beth Lee wrote: http://chmackellar.ehclients.com/printable_catalog I am making a print version of the above web page. If you go to this page and click print, then view a preview of the page, you will see that there is a ton of space right under the collection header, making most of the first page blank. Does anyone know why this is? I'd like the photos to start right under the collection header just as it does in the browser. I get various results with various browsers using an Epson WorkForce printer on Vista OS. Chrome -- no extra space below Collection. IE8 -- no extra space below Collection. Safari -- no extra space below Collection except that the space for the images, which are missing. Firefox -- rest of 1st page below Collection is blank; images being on page 2. HTH. Beth A lot depends on the particular browser settings, and which country you are in-- paper sizes vary, along with margin settings that various printers need or that owners prefer. In your design, the image sizes are very tight for U.S. 8½ × 11 inch paper. Perhaps for A4 size, too? I needed to delete the preamble, The printable catalog will have... to make room for more than two images on the first page, for those browsers that showed any. All my Mac browsers gave less than perfect results, one way or another. You may like to try using inline-block instead of floats for your gallery. Browsers seem to have problems printing floats. Besides, I find inline-block has advantages over floats-- you can center them, for example. You might also try sizing elements in something other than pixels, which have no meaning on a piece of paper. FWIW I tried simply changing your floats to inline-block here: http://webwiz.robinshosting.com/temp/catalog/ The results are better, but still not perfect... Cordially, David -- P.S. I deleted all the scripting for this test. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/