タイトルが意味不明になってしまってすいません。
<table width="100%"><tr><td>
HTMLコード
</tr></td></table>
とするとブラウザにいっぱいに表示されます。しかしこの場合、ブラウザの大きさを小さくすると自動的に文字が動きブラウザの大きさ内に収まろうとしレイアウトが崩れてしまいます。
ブラウザのサイズが小さくなったときにレイアウトを崩さず、尚且つ100%で指定するにはどうすればいいのでしょうか?
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
width指定の値を%指定ではなく、ピクセル指定にすれば良いです。
<table width="500"><tr>
とか。
この場合、500ピクセル分のサイズでtableが表示されますが、ブラウザの横幅が500ピクセル以下となった場合、横スクロールされるようになります。
回答ありがとうございます。
はじめからピクセル指定してしまうとブラウザいっぱいに表示できないのでNGです。ん~やはり無理なのでしょうか。
ありがとうございました。
No.2
- 回答日時:
表全体を、width=100%に指定したままで、崩れるとどうしても具合の悪い列だけを固定幅で指定することで回避できるでしょう。
<table width="100%">はそのままで、
<TD width="180">
などとします。
横幅を小さいpixel数の固定幅の表にすると、横スクロールが必要な表示になったときどうしても見づらくなり、見やすさが失われますので、とくに目的がない限りおすすめしません。
どうしても、幅数百ピクセルで見る人はいるでしょうから、そのときは崩れたり、横スクロールバーが出たりするのはしょうがないですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
CSSで特定のテーブルだけに...
-
HTML tableのセルにtextareaを...
-
画面幅に合わせてテーブルのカ...
-
HTML5で、テーブル内tdタグの高...
-
<th>タグを使っても太字にしな...
-
テーブル内のセル間にスペース...
-
テーブルとテーブルの間隔について
-
テーブルの高さを100%にしたけ...
-
<fieldset>タグについて
-
latex使い方
-
HTMLのテーブルをExcelにCopy&P...
-
HP製作時、縦の点線作成
-
DBを使わないDataGrid
-
簡単に文字間とかに空白入れたい
-
table表を横に並べる際の間隔指定
-
cssで、1行2段のtableを記述す...
-
html table の中のボーダーが二...
-
tableを縦に続けるとtable間の...
-
tableが縮まらない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
同じ幅指定のつもりなのに、ブ...
-
html5のテーブル内でdivのタブ...
-
<fieldset>タグについて
-
tableの位置がIEとその他ブラウ...
-
tableを縦に続けるとtable間の...
-
画面幅に合わせてテーブルのカ...
-
HTMLのテーブルをExcelにCopy&P...
-
ラインを端から端まで画面いっ...
-
tableのcellpadding="0" cellsp...
-
ホームページのテキストを折り...
おすすめ情報