Creating usable print css

HTML & CSS
1

Hi,

I need site visitors to be able to print this URL (and others like it) neatly:

http://leslie.ehclients.com/properties/8201-mayo-drive/

I’m having trouble figuring out how to spec print rules that create line breaks in the right place and don’t cut off anything.

Main divs:

#left-col, #right-col, #print-info

Notes:

  • The number of photo thumbnails varies.
  • The <div> containing the video is set to display:none; in print view.

Thx,

Ben

2

This is a very good tut for print stylesheets.

And this gives info on inserting page breaks.

3

Another great link for print stylesheets includes the following:

It covers some practical stuff that web credible doesn’t. :slight_smile:

4

Nice one, Alex. That’s the gold standard for print styling.

5

Thanks All.