Printing page looks messed up

I have a site that I want to print out. The problem is that when I print the page it looks all messed up. Why is it like this and what can I do about it?

 

What exactly is messed up with it? Remember you have to have the right resolution and colors and all if you wanna print something.

 

Hmm, is it possible at all to use the print function in IE and get a print that looks exactly like on the monitor?

 

take screenshot and give it a print to image file.

 

Thanks, but its for a client that would like to just print the page.

 

If you're using CSS, many people generally have an import@print css file/stylesheet.

They usually use pixels for heights and widths, not percents, and the fonts are generally in pt which is perfect for print font sizes.

Stuff that floats or is relatively positioned can looks real funny to a printer.

Take a simple (a fairly simple page, anyway) and try to make a for-print-only css stylesheet.

Unfortunately, I have no clue how to tell the printer to use the @print stylesheet; I only know that people use them... especially bank and e-commerce sites where they want the client to print out their orders/bank statements.

I guess you could have a clickie link to a completely seperate page called "Click here to print" where there's the printer-friendly stylesheet then clients click an additional "Print" button, but I'm sure there's an easier way.