HTML、CSSの質問です。<!DOCTYPE html>を付けるとスタイルが崩れます。<!DOCTYPE>を付けないと正しく表示されます。


<!DOCTYPE html>を付ける場合、何を変更すればよいのでしょうか?

具体的には、以下サイトのツリーが<!DOCTYPE html>を付けるとスタイルが崩れます。(ツリー内の文字が下に行きます。GoogleChromeで確認しました。)<!DOCTYPE html>を付けてスタイルが崩れないようにする方法を教えてください。

http://www.codeproject.com/Articles/16192/Graphic-JavaScript-Tree-with-Layout
(上記サイトのDownload source with examplesにある、sample1.htmで確認しました。)

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/02/19 14:02:54
  • 終了:2012/02/26 14:05:04

回答(2件)

id:techmedia-think No.1

techmedia-think回答回数46ベストアンサー獲得回数132012/02/20 11:29:56

ポイント100pt

DOCTYPEをつけることで、W3Cの仕様に準拠したモードでブラウザが動作しているため(おそらく確認しているHTMLはW3Cの仕様に準拠していないため)、スタイルが崩れたのかと思います。

↓に記載されているように対象のブラウザが互換モードで動作するようにDOCTYPEの宣言を定義すると崩れなくなりませんかね?
http://www.css-designsample.com/others/layout.html

id:niwa-mikiho No.2

niwa-mikiho回答回数508ベストアンサー獲得回数382012/02/22 01:38:09

ポイント100pt

<html xmlns:v="urn:schemas-microsoft-com:vml">

としてください。

  • id:Lhankor_Mhy
    サンプルダウンロードは登録が必要のようでしたのでやめましたが、ご提示のページのソースについてDTDを書き換えましたところ、とくに表示は崩れないようでした。ChromeとFirefoxで確認。
  • id:nemutaiyo
    Lhankor_Mhyさん いつもありがとうございます。DTD変更とは「<!DOCTYPE html>」を追加したことですよね。変ですね。Macで試したので、Windowsで試して見ます。
  • id:nemutaiyo
    今Windows起動中です。それとECOTreeの質問掲示板で「DOCTYPE」で検索したら何か出てきたのでそれも見てます。
  • id:nemutaiyo
    windowsでも「<!DOCTYPE html>」付けたら崩れました。掲示板に書いてある方法で試してみます。
  • id:nemutaiyo
    できました。お騒がせしてほんとすみません。ダミーで良いので回答欄に書いてもらえると助かります。<!DOCTYPE html>の意味について勉強になりましたので。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません