ブラウザによって空白ができてしまいます・・・

Question

html内にhtmlで作成したテーブル(表)を表示するためにiframeを用いて、実装しているのですが、
IEとFireFoxではきれいに表示されるのですが、クロームだけ表の下になぜか空白が大きくできてしまいます。。。

htmlには

<iframe src="作成した表のURL" frameborder="0" scrolling="no" style="border:none; overflow:auto; width:665px; height: 1100px;"></iframe>

cssでは
table { width: 665px; border: 1px #ededed solid; line-height: 1.8; }
th { width: 148px; padding:10px 0; text-align:center; font-size:15px;}
td { padding:15px; text-align:left; font-size:13px; font-weight: normal;}

上記のような形式で記述しているのですが、どうしたら各ブラウザできれいに表示されるのかで悩んでおります。
お分かりになるかたいましたら、ご教授いただけると幸いです。
よろしくお願いいたします。

※出来る限り、根本的なやり方は変えずに実装したいです。

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、HTMLは省略せずに追記してください。表示しているものとiframe内の2つのHTMLがあるはずです。

Answer 1

読み込むファイル（iframe内に表示するファイル）に
body {margin: 0px; padding: 0px;}
を入れてみてください。