ブラウザによってレイアウトが崩れて困っています。

質問

ＣＳＳでＨＰを作り始めた者です。
ヘッダーの横幅をwidth:960pxとしています。
ヘッダーの下にヘッダーと同じ横幅になるように
ボタン画像を横並びに６つ配置したいのです。

<img src="botan1.gif" alt="">
というのをそれぞれ６つ記入しています。

ＩＥやFirefoxではうまくいくのですがネスケでは
６つめのボタンが大きくはみ出て次の行にきてしまいます。
ネスケに合わせてボタンの幅を変更したら今度は
ＩＥなどが合わなくなってしまいます。

このような場合どういう対策をとったら良いのでしょうか？
どうか教えてください。

回答No.1

taketan_mydns_jp · ベストアンサー

前時代的なブラウザまでフォローし、どうしても固定したいビューは、テーブルレイアウトにするしか無いかもしれません。
<table borer="0" width="960px">
<tr>
<td><img src="..."></td>
<td><img src="..."></td>
<td><img src="..."></td>
<td><img src="..."></td>
<td><img src="..."></td>
<td><img src="..."></td>
</tr>
</table>

更に、空白イメージを挿入、なんて方法が以前は使われていましたしね。
個人的にはポリシーに反しますが、CSSでうまく行かない時はこれしかありません。

お礼

ありがとうございました。
おかげで助かりました。