DTDとブラウザの表示モード
DOCTYPE宣言によって，ブラウザの解釈が切り替わるというものです．
ブラウザの解釈には２通りあります．
後方互換モード
旧来ブラウザとの互換性のあるモード
標準モード
W3Cの標準仕様に準拠したモード
IE6を利用されている方で、IE7やFF、Operaにしてみたら、フォントが小さくなったり、width、padding、boderの設定で苦しんだ方。
なぜそうなるかは、DOCTYPE宣言とブラウザの解釈の違いの影響があるのです。
後方互換モードは、ブラウザに対して、慣習的な解釈をさせます。
ここで，IE6のwidth解釈の問題があります、IE6は、widthの中にpaddingやboderを含むといったCSS2の解釈で言えばバグがあります。FFやOperaはwidthの中にpaddingやbooderを含みません。この問題は、レイアウトをカスタマイズする場合において、大きな影響を及ぼしてます
標準モードは、W3Cに準拠している宣言なので、後方互換モードに述べたようなIE6のバグ解釈は行われません。ちゃんとFFやOperaと同様の解釈をします。しかし、ここにもIE6の落とし穴があります。DOCTYPE宣言で標準モードの宣言をしているにもかかわらず、DOCTYPE宣言の前に文字があると後方互換モードになってしまうバグがあります。
具体的にいうと、
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
のように，DOCTYPE宣言の前にxml宣言がある場合、IE6は後方互換モードと解釈してしまいます。
IE6、IE7、FF、Operaでもおなじレイアウトを維持するための簡単な方法（一般的な方法）は、標準モードのDOCTYPE宣言をして、xml 宣言を省いてしまうといった方法です。しかし，xml宣言はW3Cにおいて記述することを推奨していますので、IE6のために省くのはあまり好ましくないものです。標準モードでも後方互換モードでもレイアウトが崩れないようにするのは、2重化ボックスなど面倒な工夫がいるのです。
ちなみにIE7ではこのバグは修正されています。IE6のシェアが低くなれば。xml宣言も気にせずに自由に使えるでしょう。