Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Problem in using print stylesheet

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #38168
    satya164
    Member

    Hi. Though I’m a regular visitor of CSS-Tricks, I’m totally new to the Forum. I’m not that much expert in CSS, just know some barebones. I have a blog http://funsurf-blog.blogspot.in/ and recently made a new template for use so that it is usable on mobile devices. But i’m having a problem. I’ve already included a print stylesheet. But when I use print preview, it is not applied. I’ve tried in Chrome and firefox. Any idea?

    #103257
    Paulie_D
    Member

    Have you tried printing it so see what happens?

    #103262
    satya164
    Member

    I don’t have a printer nearby, but printing to PDF shows that the stylesheet is not used.

    #103264
    Senff
    Participant

    Right before your print styles declaration, there are a bunch of code characters that I’m not sure should be there:

    .....
    @media screen and (min-width:640px) {
    #action-bar h1,.tabs{ float:left; }
    .tabs{width:auto;}
    .tabs li{min-width:90px;}
    }​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
    /* Print Layout */
    @media print {
    body{background:white;color:#000;margin:0;}
    a{color:#09C;}
    ......

    Maybe they’re causing it.

    #103269
    satya164
    Member

    Thanks :) It was the problem in fact. Btw they were not in the template and automatically appeared there. But when I retyped the codes before the declaration, they went away. Probably they were introduced due to erroneous copy/paste.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.