Hello, I am adding additional css code for printing. An exemplary webpage can be found here: http://www.zeno.org/Kunstwerke/A/C%C3%A9zanne,+Paul http://www.zeno.org/Main.css
I would like to prevent the browser from breaking a page within the thumbnail boxes, which is what FF and IE7 do right now. With my FF page settings, the last section that is begun ion the first page has the heading "Grafiken (5)". Then a row with the first 4 thumbnails is printed. But the labels for those thumbnails do not fit on the page. Thus only the thumbnail images are printed. The border around each image is not printed to the bottom og the page, but it ends somewhere in the middle. The next page begines with the remainder of that row. Which is the borders (this time too much of it) and the labels. IE7 behaves similar. I've attached "page-break-inside: avoid;" to several elements but it doesn't work as I would expect. I've attached "page-break-after: avoid;" to the div.zenoTHImage and "page-break-before: avoid;" to the div.zenoTHText, but still the page break is ugly. Is there any way to keep those thumbnail/label blocks together. I don't need to keep them all together, just row by row. Regards, Christian Kirchhoff *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/