3カラム IE 右落ち
現在幅固定3カラムでサイトを作っているのですが、私のマック環境(safari&Firefox)ではちゃんとレイアウトが整うのにwindowsのIE 7,6,5ではどれも右のボックスが左下に落ちてしまいます。
CSSはもともと
#container {
margin:0px auto;
width:1000px;
text-align:left;
}
.wrapper {
width:800px;
float:left;
}
/* 左 */
.left {
float: right;
width:200px;
}
/* 中央 */
.main {
float: right;
width:600px;
}
/* 右 */
.right {
float: left;
width:200px;
}
/* フッター */
.footer {
width:100%;
clear:left;
}
で、これに左右にmargin-left:15px;などを入れていたので、それが原因かと思いdisplay: inline;を足してみたり外してみたのですが変わらず、
左右のボックスの中に<div></div>で囲ったフレーム素材の中にカテゴリーなどをいれているので、そこにmarginやpaddingが発生しているので今度は上記のwidthをちょっと変えてみました。
現在wrapperは780px 左190px 中央580px、右181pxとしてかなり右に余裕を持たせて、尚かつ右で使用していたフレーム素材を全て取り外し1行文字のみだけで試してみたのですが、全然右に上がってきてくれません。
またwidthに余裕を持たせてborderを使ってそれぞれの位置を確認したのですが、右にはかなりのスペースがあいているのに、右に上がってきてくれないのです。
一体何がいけないのでしょうか??
どうかお力をお貸しください。宜しくお願い致します。
お礼
回答ありがとうございます。 せっかく回答下さったのに悪いんですが・・・ margin : auto; はダメでした。 それで、色々調べたんですけど 使用しているIEの問題?が発覚して、DOCTYPE(一番上に書かれているやつ)を 書き換えて、IEでもmarginが適用されるようにしたら、中央に寄りました。 なんか、自己解決しちゃって申し訳ないです><; でも、この回答を無駄にするわけにはいかないので、ベストアンサーに選ばせていただきます!