DOCTYPE TEST

この文書について

DOCTYPE スイッチのテストです。

#008080 の50pxの線で囲まれたボックスは線と文字の間は左右10pxのマージンがあります。

また、このボックスの幅は380pxに設定されているので、

380px + （50px * 2) + (10px * 2) = 500px

500pxとなるので、上の「DOCTYPE SWITCH TEST」の幅と同じになります。

ただし、IEでは

380px - （50px * 2) - (10px * 2) = 260px

260px が内部の幅になります。

パディングは左右とも AUTO にしているので、標準モードではセンタリングしますが、IEの互換モードではセンタリングしません。

.section2 {
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border: solid 50px #008080;
}

この BOX のCSSは上記のようになっています。