- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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?
Have you tried printing it so see what happens?
I don’t have a printer nearby, but printing to PDF shows that the stylesheet is not used.
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.
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.