SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast Debs's Avatar
    Join Date
    Aug 2003
    Location
    new york
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with css print stylesheet

    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

  2. #2
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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>
    Birnam wood is come to Dunsinane

  3. #3
    SitePoint Enthusiast Debs's Avatar
    Join Date
    Aug 2003
    Location
    new york
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  4. #4
    SitePoint Enthusiast simonpointer's Avatar
    Join Date
    Jun 2006
    Location
    Guildford UK
    Posts
    85
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  5. #5
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote 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.
    Birnam wood is come to Dunsinane

  6. #6
    SitePoint Enthusiast Debs's Avatar
    Join Date
    Aug 2003
    Location
    new york
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •