☰

このdiv/imgがIE8で中央に配置されないのはなぜですか? 質問する

tag-icon • tag-icon html css internet-explorer-8
このdiv/imgがIE8で中央に配置されないのはなぜですか? 質問する

div、アンカー、画像を中央に配置した非常にシンプルな保留ページを作成しました。何らかの理由で、IE8 (どちらのモードも) では中央に表示されません。その理由を誰かに教えていただけないでしょうか。他の IE ブラウザーで試す機会がありませんでした。Chrome と FF3 で試したところ、問題なく動作しました。

<html>
<head>
<title>Welcome</title>
<style>
    #pageContainer {width:300px;margin:0 auto;text-align:center;}
    #toLogo{border:none; }
</style>
</head>
<body>
    <div id="pageContainer">
    <a href="http://portal.thesit.com" id="toSite"><img src="LOGO_DNNsmall.png" id="toLogo"></a>
    </div>
</body>
</html>

本当に簡単だと言いました。:)

ありがとう、

ブレット

ベストアンサー1

本当にページを Quirks モードで動作させたいですか? 標準モードを強制するために doctype を追加すると、HTML は中央揃えになります:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<title>Welcome</title>
<style>    
    #pageContainer {width:300px;margin:0 auto;text-align:center;}    
    #toLogo{border:none; }
</style>
</head>

<body>

<div id="pageContainer">
    <a href="http://portal.thesit.com" id="toSite">
    <img src="http://stackoverflow.com/content/img/so/logo.png" id="toLogo"></a> </div>

</body>
</html>

おすすめ記事