印刷プレビューでレイアウトが崩れないようにしたいのですが…
HPを作成しようと思っている初心者です。
Dreamweaverというものでホームページを作ろうと思っているのですが、作成したページをIE6.0で確認し印刷して確認しようとしたところ、画面で見たレイアウトとは違う形で印刷されていて、どこを修正したらいいのかわからず困っています。FireFoxでは印刷プレビューを見てもレイアウトは崩れていませんでした。原因や解決方法がわかれば教えていただけませんでしょうか?よろしくお願いします。
OS=WINDOWS XP
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題ドキュメント</title>
<style type="text/css">
<!--
body,td,th {font-size: 13px; line-height: 140%;}
img{border-width : 0px ;}
body{
margin-top: 0px;
margin-right: 0px;
}
.box {
float: left;
height: 250px;
width: 600px;
background-color: #FFFFCC;
}
.boxleft {
float: left;
height: 250px;
width: 190px;
background-color: #FFCCFF;
padding-left: 10px;
}
.boxright {
float: right;
height: 250px;
width: 380px;
background-color: #CCFFFF;
padding-right: 10px;
padding-left: 10px;
}
-->
</style>
</head>
<body>
<div class="box">
<div class="boxleft">ピンクの背景(左)</div>
<div class="boxright">青の背景(右)</div>
</div>
</body>
</html>
※.boxのバックグラウンドカラーが右上と左下に出てしまいます。
プレビューでは.boxの背景は出てないのですが………。