DOCTYPE宣言をするとstyleが適用できない

Question

webサイト作りの初心者です。初め、ドキュメントタイプ（DOCTYPE）の宣言を書かずにタグからコードを書いていたのですが、全体がある程度形になってから、1番上にを追加し、をに変えると、デザインが変わってしまいました。具体的には、

～

と書いて作っていたブロックの高さが、 DOCTYPE宣言を書く前はちゃんと960になっていたのですが、書いた後は、中に入っているコンテンツ（テキスト）の高さまで縮み、style部分の数字をいくらいじっても変わってくれません。他にも、style属性のmargin-leftなどが適用されなくなっていました。なぜ、DOCTYPEの宣言をするとstyleが適用されなくなったのでしょうか？また、どうすれば適用されるようになるのでしょうか？よろしくお願いします。

ORUKA1951 · Accepted Answer

　標準モードですね。　そして使われているブラウザはインターネットエキスプローラ(IE)ですね。　IEは、ユーザーの取り込みと競合ブラウザの追い落としのために、独自のスタイルシートの解釈をしていました。そして、そのためにウェブ標準の仕様にあわせることが他のブラウザよりも遅れました。(せっかく古いIE用に作られたページが利用できなくなる) 　他のプログラムで扱うなどの必要がなければではなくてとして、HTML4.01strictで作成することにされたら良いでしょう。『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』1999年HTML4.01strict 　そして、次期HTML5はHTML4.01strictの改定になります。・XHTML1.0 transitinalは、同様に推奨されていません。・XHTMLで作成する場合でもstrictにしましょう。　その上で、スタイルシートも書き直すと良いです。互換モードと標準モードの大きな違いは、・ブロックのサイズの解釈　　標準モードではpadding辺の内側です。・text^align:centerではブロックは中央に来ません。　などたくさんあります。　なお、

～

　でスタイルが適用されないことはありません。HTML要素のstyle属性に書かれたスタイルは詳細度が[1,0,0,0]となり、他の部分で書かれたすべてのスタイルを上書きします。ただし、著者やユーザーが!important宣言されている場合を除く。　文法的な間違いがあるため、この部分のHTMLが解釈されていないと思われます。　⇒Another HTML-lint 5 ( http://www.htmllint.net/html-lint/htmllint.html ) 　の右上のDATAタブをクリックしてソースを貼り付けて見ましょう。 ★サンプル　HTML4.01strict タブは＿に置換してあるので戻すこと!!! ▼の有無でIEによる表示の差をチェックすること ▼他のブラウザ、firefox,Chromeなどでチェックしてみる。＿＿サンプル0 ＿＿＿＿＿＿＿

＿＿

見出し

＿＿

ここに自由な長さの文章を入れてみる

＿＿

本文(section)の高さは400px + 40px

＿

LancerVII · Answer

こんにちは。

style="height:960;"
ではなく
style="height:960px;"ではないでしょうか。

こちらを参考にしてみてください。単位が必要です。
http://w3g.jp/others/data/doctype_switching

nanden1548 · Answer

BBrauzaは、何を使っていますか？
CSSには、高さでけの指定しかしていませんが？？？

基本的な記述をマスターしていますか？？？

DOCTYPE宣言をするとstyleが適用できない

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

こんにちは。

BBrauzaは、何を使っていますか？

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング