<html>
<head></head>
<body>
<table border width="800" align="center">
<tr>
<td>1日目</td>
<td width="200">7:00駅集合→8:00新幹線出発→15:00宿着</td>
</tr>
<tr>
<td>2日目</td>
<td>10:00宿出発→12:00新幹線出発→17:00駅着</td>
</tr>
</table>
</body>
</html>
・・・というページを作ります。注目して欲しいのは1行目の2番目のセルのwidth="200"です。
ネスケ(7.02)で見た場合、幅は200になりません。指定しないときと変わらない幅になります。
IE6の場合、セルの幅は変わらないままなのですが、どうやら、中の文字は200が効いているらしく、途中で改行になってます。
次に上のファイルにドキュタイプ宣言
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
をつけてみました。
そうすると、ネスケでは、指定通りセル幅200になりましたが、IEは変わった感じがしませんでした。
これは、ドキュタイプ宣言をつけたネスケが正しい動きをし、IEの動きはバグと考えてよいのでしょうか?
普通に考えると、ドキュタイプのネスケの表示が1番正しい気がするのですが・・・
No.3
- 回答日時:
確認したわけではないのですが。
恐らくIEやNetscapeなどのDOCTYPEスイッチが
関係してるのだと思います。
IEではDOCTYPE宣言文のURLの部分、つまり
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
のように記述するとタグやCSSの解釈が違ってきます。
検索エンジンなどで「DOCTYPE スイッチ」などで
検索すると詳しく解説しているサイトがみつかります。
ドキュタイプの重要性はわかってるつもりでしたが、ドキュタイプでこんな風に動きが変わるのを初めて確認したので、「へ~」って感じです。
回答、ありがとうございました。
No.1
- 回答日時:
テーブルの幅を800で指定して
左上のセルは無指定、右上が200で指定されているので
左上のセルに幅600を指定すれば
右上のセルは200で表示されますね。
またはテーブルの幅を指定しなければ良いのではないでしょうか?
バグというより仕様なのでしょうか?
この回答への補足
素早い回答ありがとうございます。
実は、今回の質問は「こういう表が作りたい」というわけではないのです。
左を無指定、右を200で指定したら、指定された200を優先させて、無指定の左は自然に600になるんじゃないのかなー なんでかなー という疑問を感じて質問させていただいたわけです。
IEが仕様なら、ネスケの方がバグ?
お探しの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
- 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
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
【CSS】縦横スクロールテーブル...
-
2つのテーブルを左右に表示した...
-
CSSで文字を一番下の中央に表示...
-
テーブルでスクロールを同期したい
-
スタイルシートで、画像の横に...
-
更新するとずれる?
-
tableのheight指定が効かない
-
HPに縦線を!!
-
テーブルの影の作り方とセル内...
-
テーブル内に画像を表示したい。
-
ウィンドウのサイズを変えても...
-
ヘッダー固定のスクロールが可...
-
テーブルの高さ幅の固定方
-
テーブルの列幅の部分固定の仕...
-
複数のテーブルを無条件に中央...
-
html でのテキスト結合について
-
テーブルとテーブルの間隔について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
ヘッダー固定のスクロールが可...
-
HTMLでテーブルを横に並べる方法
-
テーブルの横に画像を
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
【CSS】縦横スクロールテーブル...
-
箇条書きリストのすぐ横に画像...
-
CSSで文字を一番下の中央に表示...
-
テーブルを中央に配置
-
Dreamweaverでテーブルの列幅を...
-
2つのテーブルを左右に表示した...
-
<SPAN>で文字を右揃えにしたい...
-
ホームページのテーブルに斜線...
-
プルダウンの表示位置
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
テーブルでスクロールを同期したい
おすすめ情報