#june29jp

プリント用のCSS

2008-07-28

会社の人が連載:WEB DESIGN WORKSHOP「正しいウェブデザイン」|gihyo.jp … 技術評論社を「キレイに印刷したい!」と泣き喚いていて,このままじゃ近所迷惑だしなーと思って書いた CSS です.

#sub,
#secondary,
.utility,
#headerBanner01,
#headerBanner02,
#footer,
#comment,
#trackback,
.primaryBanner,
#backNumber01,
#authorProfile,
.sectionInfo01
{ display:none; }

#main #primary { width: 985px; }
#header { height: 80px; }

AutoPagerize で全ページをまとめてから印刷するとさらにベネです.

Before

before
Uploaded with plasq‘s Skitch!

After

after
Uploaded with plasq‘s Skitch!

印刷に必要な紙も減りますし,弊社もエコをアピールですね!

おもしろかったら、シェアやブックマークや送金などぜひぜひお願いします。サイト運営の励みになります!

シェアや送金などお待ちしています!