Help with css print stylesheet

**Debs** · Jun 21, 2006 01:41

I am not super css savvy and having problems getting a print stylesheet to print properly at all.

The stylesheets I am using are:
http://www.debtsteps.com/support-files/txtnew.css

http://www.debtsteps.com/support-files/print.css

If you need me to post the actual css file contents, let me know.

If you can help me fix this, I would appreciate it!

Thanks,
Debs

**AutisticCuckoo** · Jun 21, 2006 01:46

Hello Debs,

You might want to show us how you're linking to those style sheets, i.e. the <head> section from your HTML document. You should also explain clearly what you want to achieve and what the exact problems are. Most of us don't have sufficient ESP abilities to read minds.

This is how you should link the style sheets:

HTML Code:

<head>
  ...
  <link rel="stylesheet" type="text/css" href="/support-files/txtnew.css" media="screen,projection">
  <link rel="stylesheet" type="text/css" href="/support-files/print.css" media="print">
  ...
</head>

**Debs** · Jun 21, 2006 07:45

my apologies; I'm new at this lol

Linking like so:
<link rel="stylesheet" href="http://www.debtsteps.com/support-files/txtnew.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://www.debtsteps.com/support-files/print.css" type="text/css" media="print">

and I only want the div id="content" to display for print but I want it to cover the full page width of the paper; as it is now in

Mozilla, it only prints one page even though the content goes longer

and in IE it is a very small width box in the center of the printable page that goes on forever

Debs

**simonpointer** · Jun 21, 2006 10:49

Hi Debs,
I have a few ideas, but need to see your page mark up too.
Can you post it or post a link to the mark up.

**AutisticCuckoo** · Jun 21, 2006 22:20

Originally Posted by Debs

I only want the div id="content" to display for print but I want it to cover the full page width of the paper; as it is now in

Mozilla, it only prints one page even though the content goes longer

I can't find any rules for #content in your print style sheet. Only for #webcontent and that has position:absolute. That's not good for printing (unless it's a very small element that will fit on one page). Most browsers have problems printing absolutely positioned elements than span multiple pages.

I think you're making your print style sheet more complicated that it needs to be.

**Debs** · Jun 22, 2006 05:41

I'm sorry, it should be webcontent as the div ID

the site/markup is here http://www.debtsteps.com

Yes, I am not surprised I'm making it more complicated than it needs to be; I'm no expert lol

Thanks for the help.
Debs

User Tag List

Thread: Help with css print stylesheet

Thread Tools

Display

Help with css print stylesheet

Bookmarks

Bookmarks

Posting Permissions