Preventing common bugs in print style

As with CSS for the screen, there are a few inconsistencies and bugs that appear in print stylesheets.

Getting ready

Open your template's print stylesheet; you'll be editing templates\rhuk_milkyway\css\print.css.

How to do it...

There are a few common bugs that you may come across when creating print stylesheets for your Joomla! website:

• Firefox: Long, floated elements don't print.

  Some older versions of Firefox will not print content within floated columns beyond the first page, where the floated column is longer than a page in length. The only way to prevent this is to specify float: none upon all floated elements within the print stylesheet.

• Various browsers: CSS background image doesn't print.

  A fairly common bug that occurs across a number of browsers is that background images defined with CSS do not print.

  If the background image is not relevant to the context of the article (that is, if it is just for decoration for your website's visitors viewing...