ベストアンサー

<html>について

2009/08/24 00:17

htmlについて勉強しているます。上半分の画像のようにiframeの下にtop画像をもってくるようにしたいのですが、下の画像のようにiframeとtop画像が離れてしまいます。色々考えた結果ソースの書き始めに <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>～と書き始めると下の画像のようになり、いきなり <html><head>～と書き始めると上のような画像になることがわかりました。どうしてこのような違いが起こるのでしょうか？

avenew
お礼率28% (14/49)

HTML
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

kyotokyo
ベストアンサー率35% (27/77)

2009/08/24 05:43 回答No.2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> この部分はDTD(文書型定義)宣言と呼ばれておりどの仕様でXHTMLを読み込むか定めたものです。この宣言をかかないとブラウザは互換モードで読込みますそのため見え方に違い出てきます。 W3C勧告では、DTD宣言はしないといけないので書いておいたほうがよいです。 iframeのマージンについては以下のようにかくか cssのbodyセレクタにmargin:0px;padding:0pxとかかけばフレームの周りの余白はなくなります。 <frameset> <frame name="left" src="left.html" marginwidth="0" marginheight="0" /> <frame name="right" src="right.html" marginwidth="0" marginheight="0" /> </frameset>

ログインすると、全ての回答が全文表示されます。