Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog float を使って段組みのレイアウトにしているとき、印刷がおかしくなることが多々あります。 というか、おかしくならないことの方が多い。 というか、float を使ってなくてもおかしくなることの方が多い。 (特に、IE6、IE7、IE8、Firefox あたり) そんなとき、こんな印刷用 CSS を作っておいたら解決するかもよ! 的な内容です。 まず、HTML は以下のような感じ。 <div id="wrapper"> <div id="contents"> (色々コンテンツが入ってる) </div> <div id="sidebar"> (サイドメニューとかバナーとか) </div> </div> #contents と #sidebar に float が設定