overflow:auto;と印刷用CSS
- カテゴリー
overflow:auto;と印刷用CSSの問題とは
「overflow:auto;」で印刷用CSSを作成時に痛い目にあったのでメモ
Mozilla Gecko系のブラウザ、Mozilla Firefoxや、Netscape7.1などで痛い目にあいます。
具体的には、印刷時にoverflow:auto;を指定した部分が１枚に印刷できないときに改ページせずに消えてしまう現象があります。Internet ExplorerやOperaでは問題なかったので、明らかにMozilla Gecko系のブラウザでの問題／バグだと思われます、
印刷用CSSでの対策
幸い、印刷用のCSSのみのバグなので、印刷用のCSSを書くときに@media printで印刷用CSSには「overflow:visible !important;」と指定しています。
@media print{*>/**/.ClearFix{overflow:visible !important;}}と書いています。
トラックバック
このエントリーのトラックバックURL : http://www.studionh.net/mt/mt-tb.cgi/4
- この一覧は、次のエントリーを参照しています。
コメントを投稿
- カテゴリー一覧
- CSS+MT (3)
- Design (2)
- JavaScript (1)
- Orter (1)
- ScrapBook (1)
- Seminar (1)
- Stylesheet (16)
- Web制作 (14)
- blog (2)
- 月別アーカイブ一覧
- 最近のエントリー
- copyright 2004-2006 STUDIO NH All Rights Reserved.
- XHTML1.0 Strict
- CSS
- RSS 2.0
- Powered by Movable Type3.33-ja