javascriptで新しいウィンドウをサイズ指定

質問

javascriptで新しいウィンドウをサイズ指定して開いたときに、ie8で画面が少し変になります。
どのようになるかと言うと、
背景に画像を配置して、更に背景色に水色を使用しています。
ie8で画面を開くと、配置した背景画像が表示されず、背景全体が背景色、一色になります。
マウスでドラッグすると背景画像が現れてもとの画面に戻ります。
firefox,safai,operaが大丈夫で、adobeのブラウザーラボではie6,7が大丈夫だったのですが、実際ie8で表示してみると上記の様なバグが生じました。

新しいウィンドウに使用したcssは
html {
height: 100%;
width:240px;
margin-right: auto;
margin-left: auto;
padding: 0px;
background-color: #97e6f6;
background-image:url(../img/bg3.jpg);
background-position:top center;
background-repeat:no-repeat;
}
です。

リンク元のhtmlは
<div id="bannerarea">
<ul class="bannerlink">
<li><a href="./window.html" onclick="window.open('./nisaiji.html', '', 'width=240,height=330'); return false;"><img src="img/nisaiji.jpg" border="0" alt="2才児教室" /></a></li>
</ul>
</div>
です。

リンク元のcssは
#contents #bannerarea ul.bannerlink{
float: left;
margin: 0 ;
padding: 0 ;
}

#contents #bannerarea ul.bannerlink li{
display: block;
width:233px;
margin: 0 0 10px 0 ;
padding: 0 ;
}

html,css共に独学なのでおかしな記述があるかもしれませんがよろしくお願いします。

回答No.1

mat-21 · ベストアンサー

html {
height: 100%;
width:240px;
margin-right: auto;
margin-left: auto;
padding: 0px;
background-color: #97e6f6;
background-image:url(../img/bg3.jpg);
background-position:top center;
background-repeat:no-repeat;
}

html {～} を body { ～ } にして、その中の margin-right: auto; と margin-left: auto; を消して、margin: 0px; にしてみたらいかがでしょうか？

お礼

お返事遅くなってすみません。

本当にありがとうございます。
html{～}をbody{～}に変えて
センター寄せにしたかったので
margin:0 auto;
にしたら一発でした。

本当に助かりました。
ありがとうございます。