CSS 絶対配置が効かなくて困っております。
お世話になります。
ホームページ制作にて行き詰ってしまい、ご教授をいただきたく質問させていただきます。
【問題点】
CSSの絶対配置にて左側にロゴを配置しておいるのですが、IE5.5、IE6、IE7で確認した場合は、絶対配置が効かず？右側の位置に配置されてしまう状態で困っております。FireFoxやChrome、IE8などは問題なく左側に表示されるのですが・・
【HTML】
<body>
<div id="wrapper">
<div id="header">
<div id="logo"> <img src="common_img/logo.gif" /></div>
</div>
</div>
</body>
【CSS】
body {
font-family:
Meiryo, "メイリオ",
"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",
Osaka,
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
background-color: #FFF;
text-align: center;
line-height: 1.7;
font-size: 93%;
}
#wrapper {
margin: 0px;
padding: 0px;
}
#header {
height: 80px;
width: 960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
zoom: 1;
}
#logo {
position: absolute;
top: 20px;
}
参考までに画像とテストURLを貼らせていただきます。少しでも参考に参考になればご確認ください。
ご教授いただけることを心からお待ちしております。
お礼
ありがとうございます。 やってみます。 サイトも参考にしてみます！