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

Question

nemutaiyo

121

120もっと見る

200pt

コンピュータインターネット

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回まで

登録：2012/02/19 14:02:54
終了：2012/02/26 14:05:04

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

Lhankor_Mhy 2012/02/19 14:30:45

サンプルダウンロードは登録が必要のようでしたのでやめましたが、ご提示のページのソースについてDTDを書き換えましたところ、とくに表示は崩れないようでした。ChromeとFirefoxで確認。
nemutaiyo 2012/02/19 15:29:29

Lhankor_Mhyさん　いつもありがとうございます。DTD変更とは「<!DOCTYPE html>」を追加したことですよね。変ですね。Macで試したので、Windowsで試して見ます。
nemutaiyo 2012/02/19 15:34:03

今Windows起動中です。それとECOTreeの質問掲示板で「DOCTYPE」で検索したら何か出てきたのでそれも見てます。
nemutaiyo 2012/02/19 15:43:09

windowsでも「<!DOCTYPE html>」付けたら崩れました。掲示板に書いてある方法で試してみます。
nemutaiyo 2012/02/19 15:46:24

できました。お騒がせしてほんとすみません。ダミーで良いので回答欄に書いてもらえると助かります。<!DOCTYPE html>の意味について勉強になりましたので。

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

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

リクエスト送信済

回答リクエストを送信したユーザーはいません

techmedia-think · Answer 1 · 2012-02-20T11:29:56+09:00

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

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

type-a · Answer 2 · 2012-02-22T01:38:09+09:00

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

としてください。

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

回答（2件）

techmedia-think46132012/02/20 11:29:56

type-a516402012/02/22 01:38:09

コメント（5件)

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