Div printing - more than single page content

HTML & CSS
1

On a two col div, whenever the content of the .colmain (main) left side div happens to run greater than a single page – printing the page in both FF and IE7 – the first page comes up blank. How is the content shoved to the top?


.colmain { 
line-height: 125%;
float: left;
position: relative;
width: 70%;
height: 95%; 
left: 2%;
margin: 3px 3px 15px 3px;
}
2

You can’t rely on floats being printed as they look on screen and for printed output you should really set all floats to display block and use a linear type layout.

Unfortunately printed output is still the most problematic of all CSS rules and there are many bugs and browser differences to contend with. The best solution is to simplify the output into something simple. Remove all floats and positioning and overflow properties and most of the widths of the containers as paper isn’t the same size as the screen.

However, I’m not getting any blank pages using your code above and adding another right float into the mix. You may need to provide a working example for us to debug properly. Make sure that any containers are not set to overflow:hidden when printed as that often causes blank pages in Firefox.

3

Only when there is content beyond (1) page does both browsers push the 1st page blank. Strange.

I would like to have this for site visitors but right now I’m printing newly developed pages for their 1st use.

To bypass the browsers I tried Snagit, which I like (Scrolling Window), but it doesn’t provide the url and date

4

Yes, I set up an example like that and in the basic form it was working fine for me which makes me think there may be something else causing it although I can see how if one float stretches to another page that would confuse printed output. Firefox will often print a blank page when a container has overflow:hidden applied so it may be your float clearing technique.

Try a cut down version of the page and see if you can isolate the problem. As I said above I have two floats using your code and its working for me but I don’t doubt that you are having problems as I rarely see print stylesheets working properly unless they are completely simplified.