tableのwidth指定についての質問です。
同じレイアウトで複数のhtmlファイルを作るのですが、その中のテーブル及びセルの幅をwidthで固定してあるのにも関わらず、セル内のテキストの長さによって各ファイルごとのテーブルのセルの幅が、IEでの表示で変わってしまいます。
<table width="450" cellspacing="0" cellpadding="2" border="1">
<tr>
<th bgcolor="#ffcccc" width="150">aaaaaaaaa</th>
<th bgcolor="#ffcccc" width="286">\100,000</th>
</tr>
<tr>
<td colspan="2">ここには商品説明が入ります。ああああああああああああああああああああああああああああああああああああ</td>
</tr>
</table>
上記のaaaaaaaaaの部分がファイルによって長さが違うのですが、それによってセルの幅が変わってしまいます。
IE6でプレビューすると変わりますが、firefoxでは変わりません。
<th>を<td>に変更すると、幅は固定され変わりません。
IEの場合、thでwidth指定が出来ないのでしょうか。
なぜ変わってしまうのでしょうか?どこかに記述の問題があれば教えていただければありがたく思います。
No.1ベストアンサー
- 回答日時:
半角英数字の羅列は、一続きだと一単語として認識され、途中で折り返されません。
全角を使うか、適宜空白もしくは記号を使うと折り返されるようになるかと。
この回答への補足
新たな補足として、2行目のテキストを削除(改行されない長さまで)すると、1行目の1列目のセルの長さがファイルごとに変わらなくなりました。
う~ん、不思議です。
回答ありがとうございます。
おっしゃる通り、aaaaaaaaaの部分は半角英数のみです。
よく掲示板なんかでもURLの長い物は折り返されずに、右に永遠に長くなってしまう物とかありましたね。
現在のOKWave(教えてgoo)はURLなど半角英数の長いものは途中で省略して表示されるようになっているみたいですが。(半角英数のみでは未だに右に長くなるようです)
ただ今回の場合はaaaaaaaaaの部分は5~9文字で、150pxに対してかなり余裕(空白部分)があるのですが、文字数によってセルの長さが変化してしまいます。前述のようにIE6ではなりますが、Firefoxではなりません。
IEの癖とみたほうがよいのでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- その他(Microsoft Office) エクセルのマクロでスライサー教えてください。 1 2022/09/28 16:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
HTMLでテーブルを横に並べる方法
-
テーブルの横に画像を
-
ヘッダー固定のスクロールが可...
-
テーブルを中央に配置
-
【CSS】縦横スクロールテーブル...
-
CSSで文字を一番下の中央に表示...
-
tableのheight指定が効かない
-
プルダウンの表示位置
-
ウィンドウのサイズを変えても...
-
テーブル内に画像を表示したい。
-
文字の後ろだけ背景色を変えた...
-
tableタグとformタグの組み合わせ
-
テーブルとテーブルの間隔について
-
html でのテキスト結合について
-
tableにul,または,olを入れられ...
-
同じクラス名はつけないほうが...
-
テーブルの任意の列を非表示に...
-
テーブルの表示がずれます
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
ウィンドウのサイズを変えても...
-
ヘッダー固定のスクロールが可...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
箇条書きリストのすぐ横に画像...
-
tableのheight指定が効かない
-
【CSS】縦横スクロールテーブル...
-
更新するとずれる?
-
DWで、デザインビューに表示さ...
-
テーブルでスクロールを同期したい
-
一つのテーブル内の文字色だけ...
-
プルダウンの表示位置
-
テーブル内でdlタグ使った際の...
-
html+CSSでテーブルのスクロー...
-
CSSで文字を一番下の中央に表示...
-
<SPAN>で文字を右揃えにしたい...
-
HPに縦線を!!
おすすめ情報