Comments on: Clearing floats and printing with Firefox. http://www.stubbornella.org/content/2007/07/21/clearing-floats-and-printing-with-firefox/ A Term of Endearment Thu, 20 Oct 2011 16:37:04 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Sam Watkins http://www.stubbornella.org/content/2007/07/21/clearing-floats-and-printing-with-firefox/comment-page-1/#comment-15645 Sam Watkins Mon, 11 Oct 2010 04:45:41 +0000 http://www.stubbornella.org/content/?p=87#comment-15645 I hacked around it badly by using a media='print' stylesheet, which gets rid of the multi-column layout. I hacked around it badly by using a media=’print’ stylesheet, which gets rid of the multi-column layout.

]]> By: Sam Watkins http://www.stubbornella.org/content/2007/07/21/clearing-floats-and-printing-with-firefox/comment-page-1/#comment-15644 Sam Watkins Mon, 11 Oct 2010 04:30:32 +0000 http://www.stubbornella.org/content/?p=87#comment-15644 hi there, I have a similar problem with an article I wrote. http://sam.ai.ki/co2-and-forests.html I want to use 'float' to arrange the text into columns, so that the number of columns may vary with the width of the window. It works reasonably well on the screen, but the print preview is typically missing large chunks of text. I think a float element that starts on one page will not be shown on the next page. For the column-based layout, I also want it not to break a column over two pages. I tried page-break-inside: avoid; for that, but it doesn't seem to work with floats in firefox yet. I'm happy to give $20 to anyone who tells me how to hack around this problem. I'm willing to use javascript if necessary, supposing it gets run separately for print / print previews. My email address is mentioned at the end of the article! hi there, I have a similar problem with an article I wrote.

http://sam.ai.ki/co2-and-forests.html

I want to use ‘float’ to arrange the text into columns, so that the number of columns may vary with the width of the window. It works reasonably well on the screen, but the print preview is typically missing large chunks of text. I think a float element that starts on one page will not be shown on the next page. For the column-based layout, I also want it not to break a column over two pages. I tried

page-break-inside: avoid;

for that, but it doesn’t seem to work with floats in firefox yet.

I’m happy to give $20 to anyone who tells me how to hack around this problem. I’m willing to use javascript if necessary, supposing it gets run separately for print / print previews. My email address is mentioned at the end of the article!

]]>