IEの印刷プレビューでレイアウトが崩れてしまう

締切済

質問者：chaga
質問日時：2008/10/22 23:50
回答数：4件

ＨＰ作成の際にＩＥで段組みレイアウトを組むと印刷プレビューで行ずれを起こしてしまいます。
たとえば、
全体の幅(755px)＝メニュー(55px)＋本文(700px)
とすると本文がメニューの下に回り込みをしてしまいます。
（メニュー＋本文を754pxに設定すると印刷プレビューはうまくいくみたいなんですが・・・）

原因や解決方法がわかれば教えていただけませんでしょうか？
よろしくお願いします。

※ソースは以下のとおりです。

<body style="background-color: #cccccc;">
<div style="width: 755px;margin: 0px 0px 0px 20px;background-color: #ffffcc;">
<div style="background-color:#CC6666;float:left;width:55px;height:200px">メニュー</div>
<div style="background-color:#CCCC66;float:right;width:700px;"> 本文<br> 本文 </div>
<div style="clear:both;"></div>
</div>
</body>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

最新から表示
回答順に表示

No.4

回答者： k0021
回答日時：2008/10/23 18:47

No.2ですが下記アドレスと異なると思いますが。

ＩＥ5.5の環境を設定できますが。
ＩＥ5.5の環境を設定してテストして見て下さい。
ＣＳＳ指定は
全体の幅(756px)＝メニュー(55px)＋本文(700px)
合計に全て1px追加で良いと思いますが。
私の場合は、全体の幅(755px)＝メニュー(54px)＋本文(700px)
どちらか一方を1px減らしていますが。

参考URL：http://www.onflow.jp/blog/archives/2005/09/inter …

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
ご丁寧にＵＲＬもありがとうございます。

実はこのソースのメニューと本文の部分が実際はもっと入り組んでいて
画像等を実際は使用するため、
メニュー部分と本文部分はdisplay表示はピクセルで固定しないといけないんです...。
印刷用ＣＳＳだけピクセル減らしても、色んなプリンタに対応しているかわからなくって...。
もう諦めて、全部％表示の印刷用ＣＳＳを作ろうかと思っております...。

通報する

お礼日時：2008/10/24 16:47

No.3

回答者： adobe_san
回答日時：2008/10/23 17:22

それプリンターの問題ですね。

プリンターで勝手にフォント置き返して出力しての段ズレです。
なので回避するには　画像にして出力か、フォントダウンロードできるプリンターでの対応となります。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
クライアントのプリンタ環境がちとわからないので、
印刷用のＣＳＳをいちから作ってみようかと今思っております。
プリンタ毎にフォント違いますものね...。
ＰＤＦにして印刷しろとも言えないですし...。

通報する

お礼日時：2008/10/24 16:44

No.2

回答者： k0021
回答日時：2008/10/23 15:01

すいません印刷プレビューでは無く。

何処で発生したか不明ですが。
ie55かMozilla Firefoxか不明ですが。
本文がメニューの下に回り込みをしてしまいますので。
全体の幅(755px)＝メニュー(55px)＋本文(700px)
無く
全体の幅(756px)＝メニュー(55px)＋本文(700px)
合計に全て1px追加しました。
％指定は殆ど使用していませんが。全体の幅の合計が99％で全体の幅は100％指定していますが。
使われ事は無いと思いますが、縦書きで印刷プレビューで見ると色々の問題が発生するよ。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
Firefox3.03ではレイアウトチェックしたのですがそれでは段ズレ起こすことなく表示されているんです。
ＩＥ5.5は手元にないので、ちょっと確認できなくて申し訳ございません。
ピクセル指定でレイアウトプレビューみるといろいろ問題が起きてくるみたいですので、やはり印刷用ＣＳＳを％表示で作り直すしかないんでしょうかねぇ。
Firefoxは自動調整してくれるんですが...。

通報する

お礼日時：2008/10/23 16:31

No.1