ウェブサイト作成

IEのボーダー解釈の間違い

Internet Explorerのボーダー解釈違い

ボックス領域でボーダーはパディングの上に重なって表示されます。しかしInternet Explorerでは重ならずにパディング領域の外側に表示されてしまいます。

パディング領域についてはボックスモデルを参照してください。

右の例を見てください。ボーダーはパディングの上に重なって表示されていれば、この領域の背景(破線と破線の間)はパディングと同様のピンク色になります。しかし例ではInternet Explorerは赤色になっております。これはInternet Explorerではボーダーはパディングの上ではなく、外側にあると解釈されているためだと思います。

また、下例はInternet ExplorerとFirefox、Safariでボーダーの表示の仕方を見比べてみた例です。ボーダー(border)のページを各ブラウザで表示してみるとより違いがわかると思います。

Internet ExplorerとFirefox、Safariでボーダーを見比べる