テーブルタグを使って、画像で作った枠で文書を囲んでいるのですが、表示がずれることがあります。
□□□
□ □
□□□
真ん中の空白に文書、まわりのボックスに画像を表示させています。
上部ボックス 3 つ、下部ボックス 3 つの下部分に 2, 3 px の空白がでます。
Win 98 IE 5, Netscape 4.78/6.2.3/7.02, Opera 6.03/7.03 のうち、Netscape 6/7 で発生します。
原因は <!DOCTYPE ~> の文書タイプ宣言にあるようで、宣言後半の URL を抜くとか、strict にしなければ発生しないようではあります。
明確な原因、他にもズレが発生する場合もあるなどなにか知っていましたら教えて下さい。
お願いします。
No.2ベストアンサー
- 回答日時:
確たる原因とは言い切れないかも知れませんが、DOCTYPE宣言の書式によってレイアウトが変わるのであれば、表示モードの対応の差が出ているのではないかと思います。
IEやNetscapeには標準モードと後方互換モードという二つの表示モードがあり、それぞれのモードによってCSSの解釈の仕方などが変わります。 CSSの書式などに関しても、標準モードでは厳密に判定され、書式違反はすべて無視されるようです。
この表示モードのスイッチはDOCTYPE宣言の内容によって切り替えられるものですので、DOCTYPE宣言の書き方の違いで表示に差が出るのであれば、この線が濃厚なのではないかと思います。
参考URLは、標準モードと互換モードの差について解説しているページです。 こちらも参考になるのではないかと思います。
参考URL:http://www.mars.dti.ne.jp/~fuming/advanced/dtd.htm
URL の指定があるかないかで判断する場合があるんですね。
参考ページの御紹介ありがとうございます。
表示モードの違いがあるというのも初耳でした。
納得しました。
他にいろいろやってみたんですが(タグの間を改行しないとか)全部反応なしでしたので
宣言の書き方の線がやっぱり濃厚みたいです。
どうもありがとうございました!
No.1
- 回答日時:
レイアウトにテーブルを使わない人間なのではっきりとは言えませんが。
。。>strict にしなければ
ということなので、きっと、本来はそう見せるものだと、Netscapeのエンジンが判断しているのでしょう。
(失礼ですが、strict宣言の意味はわかってらっしゃいますよね?)
たしかIE6も、strict宣言によって、解釈・表示のスイッチを切り替えるはずですので、
もしかしたらその空白が発生するのかもしれません。
私の意見になりますが、strictを宣言してテーブルレイアウトを行うことは、
ちょっと理念に反しているような気がするので、無難にtransitionalにした方が自然かと思います。
回答ありがとうございます。
strict 宣言の意味はわかっています。
ただ現象として、各プロパティすべて 0 指定して空白を作るなと指定しているので、なんだかバグな感じがしました。
それともこれが仕様?
テーブルタグは古いブラウザのことを考えると今のところ一番信頼できるんですよね。
ただ、HTML 4.01 ではそろそろ CSS に完全移行しなさいということでしょうか?
とりあえず今は transitional にしておこうかなと思います。
そろそろ CSS でのレイアウトを本格的にやってみたほうがいいのかな…
どうもありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- Excel(エクセル) 【EXCEL】=セル&セルが上手く表示できない。 7 2022/09/04 21:32
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- Excel(エクセル) Excelヘルプの原文を表示する最速の方法(手順)には? 1 2023/08/11 11:30
- Windows 10 タスクバー上に表示されたアドレス・ボックス? 1 2023/04/30 17:37
- 建設業・製造業 プレキャストボックスカルバートの水平方向ひびわれについて 1 2023/03/31 09:55
- Excel(エクセル) エクセルの数式について教えてください。 7 2023/06/18 10:16
- Excel(エクセル) Excel 特定セルの数値を参照したセルの0表示が空白にならないのはどうしてか? 3 2022/04/28 22:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
DTDと名前空間
-
昔Winnyってありましたけど、あ...
-
東芝のDynabookなのですがアン...
-
タグの有無の判定
-
Dreamweaver CS3 : シングルク...
-
XML、XSLTの適応エラー(IEから...
-
XMLで要素が記述された順番に意...
-
CPUの考え方を教えてください ...
-
SNMP リンクダウンとノードダ...
-
重複するものを消したい
-
XMLのスタイルシートで単独タグ...
-
C#初心者です。HtmlAgilityPack...
-
xsl:param要素をxsl:templateの...
-
xml→htmlへの変換&ページ分割...
-
C#で使用中のファイルに別のフ...
-
isnan・isnf関数が「識別子が見...
-
アメブロ rss 読み込み
-
木のなぞり順をかえるプログラ...
-
グラフ色塗り問題のプログラミ...
-
ツリービューのノードをダブル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
u_shortなどの省略した宣言につ...
-
VBでXMLファイルを作ると xmlns...
-
縁切りするとき
-
XML Schemaの妥当性のチェック
-
DTDファイルをクラスパスから読...
-
このエラー、何とかなりません...
-
oo4o OpenDatabaseの定数について
-
東芝のDynabookなのですがアン...
-
CPUの考え方を教えてください ...
-
XMLで要素が記述された順番に意...
-
昔Winnyってありましたけど、あ...
-
バッチファイルでテキストファ...
-
XML、XSLTの適応エラー(IEから...
-
UTF-8でエンコーディングとはど...
-
SNMP リンクダウンとノードダ...
-
ルート要素ノードが2個ある場合?
-
XMLファイル内のデータ(値)を変...
-
xmlファイルが上手にHTMLに変換...
-
同じタグ名の項目取得
-
ExcelVBAで書き出した文字が化ける
おすすめ情報