IE6.0で3カラム・リキッドの左カラムの位置がズレる

0   名前： bzbell ： 2006/10/09（月） 02:36  ID:N14xzO2y
はじめまして。

3カラム・リキッドのテンプレートを作っていて出くわした問題について質問させてください。

WIN IE6.0において左カラムの表示位置が左にズレてしまう現象がでています。
でも、この現象はページ内のリンクにカーソルを合わせると正しい位置に配置し直されるという変な挙動をしています。
問題のページ：http://bzbell.com/template/HunnyHunt/
※上記ページ中にCSSとHTMLをかいつまんで載せています。
※Firefox、IE7では問題なく表示されました。

気になる点を以下に挙げてみます。

・ネガティブマージンで各カラムをレイアウトしてます。
・一般的？な3カラム・レイアウトとは異なる。


今回お聞きしたいことは、

・どうしてIE6.0でこのような位置ズレがでてしまうのか
・位置ズレの対処法

について教えていただけますか。

いろんな人にお聞きしたのですが解決に至りませんでした。
カンタンな説明ですいませんがよろしくお願いします。
1   名前： bzbell ： 2006/10/09（月） 02:36  ID:N14xzO2y
すいません。
自己解決しました。

以下の container に対して width:90% としたことがまずかったようで、ここは width:100% として body に対して width:90% とすることで解決しました。

body.layout-three-column-liquid {
　margin: 0 auto; <- 追加
　width: 90%; <- 追加
}

body.layout-three-column-liquid #container {
　margin: 0 auto;
　width: 90%;　-> width: 100%; 変更

　text-align: center;
}

bodyの幅を絞ってしまうと全体に影響してしまうので、最終的なイメージとは異なってしまうのですが、別な形で実現方法を模索してみようと思います。
お騒がせしました。
一覧へ戻る