タイトルが意味不明になってしまってすいません。
<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のセルの中の文字を行単位...
-
テーブル幅が固定できない
-
テーブルとテーブルの間隔について
-
正規表現で「より前」と「より後」
-
tableのcellpadding="0" cellsp...
-
<fieldset>タグについて
-
テーブルが二重で表示されてし...
-
TR タグの表示・非表示を一括で...
-
テーブルデータを折り返して表...
-
latex使い方
-
背景色付きのマーキーみたいに
-
<th>タグを使っても太字にしな...
-
HTMLでテーブルをfloatで中央配...
-
tableを縦に続けるとtable間の...
-
tableの位置がIEとその他ブラウ...
-
商品詳細を横並びに表示する方法
-
テーブルの行を折りたたみたい...
-
formのinputなどの幅100%指定
-
テーブルのヘッダとボディの幅...
-
テーブルの任意の列を非表示に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
HTML tableのセルにtextareaを...
-
テーブルデータを折り返して表...
-
tableの位置がIEとその他ブラウ...
-
<fieldset>タグについて
-
正規表現で「より前」と「より後」
-
スタイルシートで左側だけ色を...
-
tableのcellpadding="0" cellsp...
-
tableを縦に続けるとtable間の...
-
HTMLのテーブルをExcelにCopy&P...
-
html5のテーブル内でdivのタブ...
-
スタイルの無効化
おすすめ情報