Web page printing - .CSS defined backgrounds not showing up

Posted on 2005-05-04
Last Modified: 2008-02-26
Users on my Intranet are exeriencing problems printing web pages.  

Specifically, .CSS defined pages.  They look fine on any browser, but when printed, the resulting hardcopy is missing some elements present in the browser, like background shading and images.

This is what I have:

 - style.css -
      /*  Below, the logo dosn't appear at all when printed */
      TD      {
        background-repeat: no-repeat;
        background-position: right;
      /*  Below, the border appears, but not the background shading when printed */
      PRE     {
        color: black;
        background: #eeeeef;;
        background-position: center; top;
        border: 1px solid #888888;

Any ideas on other methods which would be printer friendly?
Question by:Marketing_Insists
    LVL 30

    Accepted Solution

    you need to set up your preferences to print background images and colors.
    in IE, go to Tools/Options/Advanced and check pirnt background colors and images.
    LVL 30

    Expert Comment

    In firefox, go to "Print Preview" and click "Page Setup", then check "print background (colors and images)".

    Author Comment

    Thanks for the help!,
    LVL 30

    Expert Comment

    you are welcome:

    Featured Post

    How to improve team productivity

    Quip adds documents, spreadsheets, and tasklists to your Slack experience
    - Elevate ideas to Quip docs
    - Share Quip docs in Slack
    - Get notified of changes to your docs
    - Available on iOS/Android/Desktop/Web
    - Online/Offline

    Join & Write a Comment

    As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
    In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now