CSSを使ってWebのレイアウトを組んでいるのですが、
印刷プレビュー対応のために、floatを使っている部分を、
印刷時のみ display:table; を使って、テーブルレイアウトに
変更するための記述を、現在行っています。
うまい具合に、印刷プレビューで左右にレイアウトが分かれ、
2P以降もきれいに表示さているのですが、ふとよく見てみますと、
右側に配置したDIVが、ほんの3pxほど左にずれていることに気づきました。
floatを使って、左右に分かれたレイアウトのWebサイトを作成しています。
表示上はうまくできていて、次は印刷プレビューに挑戦と思い、
下記のサイトなどを参考に、テーブルレイアウトに変更する方向で
現在作成を行っています。
http://www.materialpot.com/css/ie7firefoxcss.php
一時は、プレビューもうまく表示できたと思っていたのですが、
なぜか、float:rightしている側のDIVが、左に3pxほど寄って、
ずれてしまっていることに気づきました。
このずれを解決する方法はないのでしょうか?
ご存知の方がいらっしゃったら、ぜひとも教えていただきたく思います。
宜しくお願い致します。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
印刷用スタイルシートは、すべての単位に絶対サイズ()を使いましょう。
pxはディスプレイの解像度を参照する相対サイズです。(印刷の解像度は通常200~600dpiだと思います。)★4.3.2 長さ(Lengths) ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
in: インチ -- 1inは2.54cmに等しい
cm: センチメートル
mm: ミリメートル
pt: ポイント -- 1ptは1/72inに等しい
pc: パイカ -- 1pcは12ptに等しい
4.3.2 長さ(Lengths) ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
display:table|table-cell,table-lineなどは、ブラウザによる差が大きく、できればabsoluteなどを使うほうが無難です。
コマ割でfloatを使うのはたくさんの問題を含んでいますからも使うべきではないでしょう。必要な場合でも一方にはfloatをかけません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- プリンタ・スキャナー 封筒印刷 差出人印刷ずれる 4 2022/05/01 10:12
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- Excel(エクセル) Excelであるシートだけ印刷できない 1 2022/04/01 09:04
- その他(パソコン・スマホ・電化製品) Webページ印刷時にヘッダー・フッターをつけたい 1 2022/04/25 21:35
- Excel(エクセル) エクセルシートのPDFでの保存 2 2022/09/06 13:05
- Excel(エクセル) エクセル2013「次のページ数に合わせて印刷」が小さすぎる 9 2023/03/28 10:18
- プリンタ・スキャナー 印刷ができない 6 2022/04/01 20:47
- Excel(エクセル) セルに設定した[コメント]、表示のON/OFFは正常なるも印刷されない! 3 2022/09/18 21:56
- Word(ワード) Wordでの印刷サイズについて A4の原稿をB5サイズで出力したいとき、 印刷から用紙サイズの指定か 4 2022/04/30 09:51
- C言語・C++・C# C++言語の16進数の表現についておしえてください 1 2022/11/14 17:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PDFファイルを開かずに印刷...
-
EXCEL VBA 印刷プレビューダイ...
-
ページ内の画像印刷について
-
ラジオボタンをチェック済みの...
-
PageBreaks.Countと印刷範囲の...
-
excelにて各シートの総印刷ペー...
-
Excel VBA 「印刷中」メッセー...
-
VBによる改頁行の罫線変更
-
検索画面に表示される広告について
-
★★★画像をつなげて一つにまとめ...
-
コマンドプロンプトでフォルダ...
-
サイト全体を縮小して印刷する...
-
ホームページビルダー11でA4サ...
-
エクセル印刷で自動記録マクロ...
-
webの印刷で、デフォルトでA3を...
-
EXCEL VBAでPDFファイルを開い...
-
横に長いWeb画面を一枚の用紙に...
-
OpenOffice Calc basic で印刷...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PDFファイルを開かずに印刷...
-
EXCEL VBA 印刷プレビューダイ...
-
Excel VBAで文字列の可視長を得...
-
ページ内にスクロールバーのあ...
-
ACCESS VBA レポートプレビュー...
-
EXCEL VBAでPDFファイルを開い...
-
コマンドプロンプトでフォルダ...
-
検索画面に表示される広告について
-
Excel VBA 「印刷中」メッセー...
-
印刷プレビュー表示後ユーザー...
-
excelにて各シートの総印刷ペー...
-
印刷時ヘッダーとフッターを挿入
-
サイト全体を縮小して印刷する...
-
ヘッダやフッタの印刷をしたくない
-
ラジオボタンをチェック済みの...
-
OpenOffice Calc basic で印刷...
-
TEXTAREAの印刷について
-
PageBreaks.Countと印刷範囲の...
-
Accessレポートでの改ページ
-
C# 印刷可能領域と余白範囲...
おすすめ情報