IEだけ印刷時にナビゲーションがカラム落ちしてしまう

質問

はじめまして。
表題のとおりなんですが、

ie6,7で印刷（プレビュー）時にメインのナビゲーションの<li></li>でfloat：leftしたものが絡む落ちしてしまいます。

普通にブラウザで見る分には問題ないのですが・・・

解決方法などご存じの方は教えてください＞＜

回答No.2

Java-Java

print用のcssを使って、marginやpaddingなどの値を減らしてやってはどうでしょうか。
私はいつもそうやって解決します。

回答No.1

ayustar

カラム落ちの原因とかはわからないのですが、ナビゲーションは印刷した場合には必要ないことが多いと思うので、印刷用CSSでいっそ非表示にさせてしまうのはどうでしょう？

現在適用させているCSSが、特にmediaを指定していなければ、リンクタグの下に
<link rel="stylesheet" type="text/css" href="印刷用のCSS" media="print" />
と書きます。

印刷用のCSSファイルには、ナビのdivに対して
display: none;
を指定しておきます。

HTMLファイルがすでにたくさんある場合、修正が大変ですが……。