the_paco Posted March 9, 2007 Share Posted March 9, 2007 How can I avoid breaking images in my print style sheet?See this WIP... in print preview, both IE6 and FF2 break the images (thumbnails) at the bottom of the page while OP seem to insert a page break very nicely.PS: the red border is for laying out my floating divisions... troubleshooting IE6 odd behavior...Thanks! Link to comment Share on other sites More sharing options...
the_paco Posted August 8, 2007 Author Share Posted August 8, 2007 Is there any way I can avoid that the printing trunked the images? A trick to make it so that when a images get break, a page break is forced?I would really like to make the print better on this. See above post for a link to the WIP of this web site.Thanks! Link to comment Share on other sites More sharing options...
Viper23 Posted August 8, 2007 Share Posted August 8, 2007 I'm not sure that I follow what you are wanting.Are you wanting to print it the way it looks like on the site? Link to comment Share on other sites More sharing options...
the_paco Posted August 8, 2007 Author Share Posted August 8, 2007 I'm not sure that I follow what you are wanting.Are you wanting to print it the way it looks like on the site?Not exactly; I want to make it so that when it print, the images of the portfolio pages aren't trunked by the browser page break. In FF and IE7, the images are break/trunked by a page break which I don't like. Opera seem to page break after/before the image(s).I hope I'm making sense... thanks for your time. Link to comment Share on other sites More sharing options...
Viper23 Posted August 8, 2007 Share Posted August 8, 2007 Still not sure what you are wanting. Link to comment Share on other sites More sharing options...
the_paco Posted August 8, 2007 Author Share Posted August 8, 2007 Still not sure what you are wanting.If someone want to print my portfolio pages, it wont print the images properly. Images will be trunked at the bottom and top of paper page.The attached show the default print result (preview) for 3 popular browser. Only Opera seem to handle the images/page break correctly by default.Fire foxInternet explorerOperaI just want my web site to look good if someone print it and I'm having problems with the portfolio pages. Maybe you (or someone else has ideas or suggestions different from what I'm trying to do...?Thanks for your time. Link to comment Share on other sites More sharing options...
justsomeguy Posted August 8, 2007 Share Posted August 8, 2007 He is saying that IE and Firefox will print 1 image on 2 pages, the first half on one page and the second half on the other (or leave off the second half altogether), and he wants the entire image to print on one page.I'm not sure of the solution, I just thought I would try to clarify the question. Scan through the list of CSS print properties, if there's an answer it would be in there somewhere.http://www.w3schools.com/css/css_ref_print.aspYou might be able to do this: img { page-break-inside: avoid; } Link to comment Share on other sites More sharing options...
the_paco Posted August 14, 2007 Author Share Posted August 14, 2007 Hmmm... upon further investigation, it look like it's browser related rather than... me! IE I don't care, FF stubbornly keep on "breaking" my images BUT Seamonkey not!?! and as said Opera work like I expect. I'll dig to see if this issue is report but until, if anybody would have a workaround...Thanks!Forgot; 'page-break' either way doesn't help FF nor IE. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now