■IE表示 位置ずれ

質問

■IE表示　位置ずれ

お世話になっております。あるサイトから無料のテンプレートを入手しましたが
IEでは「left」が画面の中央に表示されてしまいますが解決方法はありますでしょうか？

body{
min-width: 412px;
width:985px;
margin:0 auto;
font-family:Tahoma;
font-size:11px;
color:#565656;
position:relative

#container {
padding-left: 172px;
padding-right: 238px;
height:100%

#left {
width: 172px;
right: 172px;
margin-left: -100%;

#right {
width: 238px;
margin-right: -238px;

初心者で申し訳ございませんが宜しくお願いいたします。

回答No.2

sora1tora2 · ベストアンサー

こんにちは

お使いのIEバージョンはIE7でしょうか？

URLからサンプルをダウンロードしてみました。
原因ですが、おそらくIE6対策のCSSハックの様です。自信なし

直し方ですが、IE7に対してのCSSハックを加えます。CSSの#left{～}の下に

*+html body #left{
width: 172px;
right: 172px;
margin-left: -171%;
}

を記入してください。

あと、見た感じなのですが、#menuも少しずれているようですので、CSSの#menu{～}の下に

*+html body #menu{
float:left;
width:985px;
list-style-type:none;
padding:0px;
margin:12px 0 12px -47px;
}

を加えてください。
おそらくこれで直ると思うのですが。試してみてください。

お礼

早速ご回答ありがとうございました。
アドバイス頂いたとおり直してみます。
ありがとうございました。

回答No.1

sora1tora2

こんにちは

CSSに関してですが、}や;で閉じられていない所がありますが、これは記入ミスですか？

あと、このテンプレートはどこでダウンロードされたのでしょうか。
最近はこの様なCSSの設定をするのかな？、それともプロの技術？と思いながら見ています。

なんとなくはわかるのですが。出来ればそのテンプレートを見てみたいので、問題がなければそのホームページのアドレスを貼って頂ければと思います。もし、無理ならどの様なレイアウトのホームページを作りたいのか、説明いただければ見ている方もアドバイスしやすいと思います。

お礼

ご回答有難うございます。

サイトを連絡いたします。

http://www.bestfreetemplates.info/webtemplates/category-3.html
のE-Shop 01です。

宜しくお願いいたします。