トップ  »  CSS  »  印刷用CSS

2008年11月25日

印刷用CSS


IE6、7用A4サイズ
649(印刷での表示幅) ÷ 950(スクリーンでの表示幅)  = 0.68(端数切り捨て) 
body {
/zoom: 0.68; IE6,7用
}

背景画像を消す場合
body {
background-image :none;
}

アンカータグに書かれているリンク先を、リンクテキストの後ろに印刷
a:link:after,
a:visited:after {
content: " (" attr(href) ") ";
}

#logo a:after {
content: "";
}

#primary {
margin: 0 0 0 5%;
font-family: "ヒラギノ明朝 Pro W3", "細明朝体", "MS P明朝", serif;
}

#content,
#primary,
#secondary,
#footer {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}

.main{overflow:visible !important;} //firefoxで2ページ目以降がきれないようにするため


改ページ
.○○{page-break-before:always;}

IE6、7用対応:A4サイズで印刷出来るスタイルシート指定ページ|無限の翼

CSSでHTML ソース内にない画像をプリントする | ヨモツネット

CSS Design: Going to Print

トラックバック(0)

このブログ記事を参照しているブログ一覧: 印刷用CSS

このブログ記事に対するトラックバックURL: http://magic-happens.net/mt/mt-tb.cgi/47

コメントする

Top of Pageページの先頭へ

© Magic Happens