IEと同じようにFirefoxでもテーブルが表示されるには?
head内にスクロール非表示のタグを入れています。
http://aomi1111.sakura.ne.jp/temp/in/i106/index.htmlのような感じでノーフレームです。
IE7、IE6ではテーブルが画面の上から下まで表示されテーブル内でスクロールが出来ますが、Firefoxで見るとテーブルが画面下に飛び抜けてしまいテーブル内のスクロールが出ず、スクロール非表示にしてるので下が見れなくなってしまいます。上のサイトのように表示するにはどうすれば良いでしょうか?このテンプレートをノーフレームにしたいです。自分なりに(初心者です)いじくりすぎて原形がなくなりました。必要なさそうな(?)タグは載せていません。
■CSS■
body,td,th{
font-size:70%;
color:#444;
font-family:Georgia,Verdana,Osaka,'MS P Gothic';
font-weight:normal;
margin:0px;padding:0px;
background:#fff url() repeat fixed;
}
body{text-align:center;}
table{margin:auto;height:100%;}
#table2{
filter:alpha(opacity=100);
width:551px;height:100%;
background:#fff;
padding:0px 10px 0px 10px;
overflow:auto;
}
#table3{
filter:alpha(opacity=90);
background:#fff url() no-repeat;
padding:0px;
width:220px;height:100%;
}
■top.html■
<head>
<style type="text/css">
<!--
body{overflow:hidden;}
-->
</style>
</head>
<body>
<★table cellspacing="0">
<tr><td>
<div id="table2">左の本文</div>
</td><td>
<div id="table3">右メニュー</div>
</td></tr>
</table>
</body>
★のtableを消してcssの#table内にfloat:left;margin-left:120px;等入れるとFirefoxでも表示されますが、その場合table2、table3を真ん中にこさせる方法が解りません。。。どなたか解る方がいましたらよろしくお願い致します。
お礼
早速のご回答、ありがとうございました。使っているブラウザは、GoogleChromeとIE8なので不自由ないのですが、通販ショップサイトを運営していて、IE7以前でテストして異常が判明して、お尋ねいたしました。