- ベストアンサー
HTMLにCSSを設定する方法とmin-widthの解釈について
- html要素にCSSを適用する方法とは？min-widthの解釈も解説
- HTML要素にCSSを設定する方法とは？min-widthの解釈について詳しく解説
- HTMLのCSS設定方法とmin-widthの解釈についてご紹介
- waterclock
- お礼率85% (175/205)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
・<HTML>に対してもスタイルを適用することは出来ます。ただし、それを どのように解釈するかと言うブラウザ固有の問題はあります。特に、 Internet Explorer 6では「標準モード」以外では、<HTML>に指定されたス タイルを無視します。『モードとは何ぞや？』は、下記のリンクを参照し てください。 ・「min-width」は、最小幅を指定するCSSですが、子要素（<BODY>）が親要素 （<HTML>）より大きな値を指定している理由は、私には分かりません。 ●標準モードと互換モードの情報 --------------------------------------------------------------- Internet Explorer 6 における CSS の拡張 http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp Opera 7のDOCTYPEスイッチ http://dai.pekori.to/opera/docs/doctype Mozilla, Web 開発者資料 http://moz.skillup.jp/docs/web-developer/ （「Quirksモード」、「DOCTYPE判別」あたりを参照） ●実験例 --------------------------------------------------------------- ※ ２つある<!DOCTYPE> を切り替えて結果の違いを観察してください。 ※ IE 6.xx, Opera 7.xx, Mozilla 1.xx 以上が実験対象 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>TEST</title> <style type="text/css"><!-- html { background-color: #369; } body { width: 600px; margin: 20px auto; padding: 20px; border: 2px solid #036; color: #000; background-color: #fff; } --></style> </head><body> <h1>DOCTYPEスイッチによる「モード」切り替え</h1> </body></html>
その他の回答 (1)
<HTML>タグのオプションで正式なのは version と汎用オプション類だけです。 なので、『ブラウザごとの挙動の違いを楽しむための設定』としか俺には思えません(笑) 実際、システムの都合で入ってしまったか、製作者になんらかのコダワリがあったのか、どっちかじゃないでしょうか。
お礼
早速のレス、ありがとうございます。 「こだわり」 ん～、あのサイトならあるかも知れませんね（＾＾） HTMLエディター作っているサイトですから。（BBEdit）
お礼
情報ありがとうございます。 Mac, Windowsの色々なブラウザでテストしてみました。 確かに、DOCTYPEによって、違いがあるようです。 htmlのCSS効果も確認できました。 HTML。かなり、奥が深いですね。 リンクページ参考になりました。