width="100%" で指定した場合のブラウザでちじめられた時の対処

質問

タイトルが意味不明になってしまってすいません。

<table width="100%"><tr><td>

HTMLコード

</tr></td></table>

とするとブラウザにいっぱいに表示されます。しかしこの場合、ブラウザの大きさを小さくすると自動的に文字が動きブラウザの大きさ内に収まろうとしレイアウトが崩れてしまいます。

ブラウザのサイズが小さくなったときにレイアウトを崩さず、尚且つ100%で指定するにはどうすればいいのでしょうか？

よろしくお願いします。

回答No.1

PCFREAK · ベストアンサー

width指定の値を%指定ではなく、ピクセル指定にすれば良いです。

<table width="500"><tr>

とか。
この場合、500ピクセル分のサイズでtableが表示されますが、ブラウザの横幅が500ピクセル以下となった場合、横スクロールされるようになります。

お礼

回答ありがとうございます。

はじめからピクセル指定してしまうとブラウザいっぱいに表示できないのでNGです。ん～やはり無理なのでしょうか。

ありがとうございました。

回答No.2

Jodie0625

表全体を、width=100%に指定したままで、崩れるとどうしても具合の悪い列だけを固定幅で指定することで回避できるでしょう。
<table width="100%">はそのままで、
<TD width="180">
などとします。

横幅を小さいpixel数の固定幅の表にすると、横スクロールが必要な表示になったときどうしても見づらくなり、見やすさが失われますので、とくに目的がない限りおすすめしません。

どうしても、幅数百ピクセルで見る人はいるでしょうから、そのときは崩れたり、横スクロールバーが出たりするのはしょうがないですね。

お礼

回答ありがとうございました。