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/
