<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題ドキュメント</title>
</head>
<body>
<table width="800" height="394" border="1" align="center">
<tr>
<td>
<p>1</p>
<table width="200" border="1" align="left">
<tr>
<td height="118">2</td>
</tr>
</table>
<table width="600" border="1">
<tr>
<td height="121">3</td>
</tr>
</table>
<p> </p></td>
</tr>
</table>
</body>
</html>
このようにテーブルを作った場合、3のセルの右のラインが1のセルの右ラインに隠れるというか見えなくなります。
そこで3のセルにalign="left"を設定するとIEではラインが見えるのですが、Netscapeでは2と3が縦に並んでしまいます。
なんとか3の右ラインを見えるようにしてNetscapeでも縦に並ばないようにするにはどうすればいいでしょう。
よろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
1日~2日前に、特定のURLがあったために管理者さんに削除されてしまった質問の続きでしょうか?
もしそうなら、ドキュメントタイプ宣言を途中で改行処理しているのが原因ではないかと私は思いましたけれども。
タグの冒頭、【<!DOCTYPE】で始まるドキュメントタイプ宣言が【Transitional//EN"】の直後にいきなり改行されてしまっているので、ブラウザが正しく処理できない場合が発生します。IEではうまく表示できてもNetscapeで表示が乱れるのはこれが原因かと…。
ドキュメントタイプ宣言の【Transitional//EN"】の直後は、改行しないで、半角スペースを一つ入れてから【"http://www.w3.org/TR/html4/loose.dtd">】まで全部1行にして試してみて下さい。
もしくは、ドキュメントタイプ宣言の後半の部分である【"http://www.w3.org/TR/html4/loose.dtd">】は省略してしまって、【Transitional//EN"】のすぐ後にタグの締めくくりをする「グレーターザン」の記号【>】を付けて試してみて下さい。
この回答への補足
そうです、削除された質問の続きです。
【"http://www.w3.org/TR/html4/loose.dtd">】は省略してしまったら横に並んで表示されました。
でも、質問にある3の右ラインは見えませんでした。
何がやりたいのかといえば、2と3のテーブルをブラウザで見た時常に画面の真ん中にふたつ並べて表示したいのです。アドバイスをお願いします。
No.3
- 回答日時:
こんにちは。
セルの中にTABLE2つ(2と3)を並べて表示させるのが目的ですよね。
2のTABLEにalign="left"、3のTABLEには align="right"を設定してみてはどうでしょうか。
1のTABLEの中に2と3のTABLEを作成する目的に興味があります。
↓こんな感じで2と3をTABLEひとつにまとめてはダメでしょうか。
<table width="**" border="*" cellspacing="*" cellpadding="*" align="center">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
色々試してご自分の意図したページに仕上がると良いですね!
No.1
- 回答日時:
こんにちは。
ボーダーを1にしていると都合2ピクセル幅が増えます。
それが計算されていませんね。中のテーブルの幅を狭めるか、外のテーブルを広げて下さい。
それとここでテーブルを入れ子にする必要はあるのでしょうか?
セルを並べるだけでは駄目なんですか?
ちょっと理解に苦しみます。
どんなものを作りたいか書いてもらえるともう少しまともなアドバイスが出来るのですが...
この回答への補足
何がやりたいのかといえば、2と3のテーブルをブラウザで見た時常に画面の真ん中にふたつ並べて表示したいのです。アドバイスをお願いします。
補足日時:2004/09/23 12:25お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
3COINSのスマートウォッチを使...
-
メルカリで普通郵便で購入した...
-
パソコンのWi-Fiについてご相談...
-
スマホで撮った写真をUSBケ...
-
PaizaCloud は、一度設定したや...
-
パソコンのデータについてご相...
-
電池のLR44 LR43 LR41は、LR113...
-
「PC Helpsoft Driver Updated...
-
GPS機能がその時間帯に動いても...
-
100倍倍率双眼鏡は見にくいです...
-
スマホ
-
32GB 型番X8 のMP3プレイヤーを...
-
メモ帳で開く設定を元に戻したい。
-
iPhoneのボイスメモの編集方法...
-
ガレージバンドを開こうと思っ...
-
surfaceのPro7でzoomをやると重...
-
PCで困った時
-
メルカリでは、パーツが破損し...
-
3年ほど前、外付けHDDへ子供達...
-
ps4 中古でps4を購入しようと思...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlで改行タグを入れていない...
-
テーブルが横に長くなってしまう
-
テーブルが一行下がる・・・
-
DreameverMXで縦線、横線を無限...
-
HTMLでテーブル幅を固定しても...
-
アクセスログの「HEAD」と...
-
大きくなった文字を元に戻すには?
-
数値Lについて
-
隠しページの探し方
-
ドラッグすると見える文字
-
アドレスバーへの直接入力を禁...
-
グラデーションの仕方
-
ローカルに保存された ASP を I...
-
ヘッダーを共通化した場合のSEO...
-
トップページの入れ替えを教え...
-
BASIC認証を複数設定するには?
-
エクセルから作ったホームペー...
-
ホームページビルダーのトップ...
-
パソコンのメモ帳のことで質問
-
HPのソースをそのまま貼り付け...
おすすめ情報