※ ChatGPTを利用し、要約された質問です(原文:どう変更してもIE6だけCSSレイアウトが崩れてしまいます。)
IE6でCSSレイアウトが崩れる問題の解決方法は?
このQ&Aのポイント
IE6でCSSレイアウトが崩れてしまう問題について、解決方法を教えてください。
最近IE6で確認したところ、CSSレイアウトが崩れまくっています。他のブラウザでは正常に表示されるのに、なぜIE6だけ縦1列になってしまうのでしょうか?
試行錯誤してCSSを調整してきましたが、まだ解決できません。どなたかアドバイスをいただけると助かります。
どう変更してもIE6だけCSSレイアウトが崩れてしまいます。
CSSレイアウトで、サイトを作成していたのですが、
最近になってIE6で確認してみると、レイアウトが崩れまくっていました。。。
3カラムレイアウトなのですが、Firefox等他のブラウザではきちんと表示されるので、なぜかIE6だけ縦1列になってしまいます。。
こちらのサイトでもIE6はレイアウトが崩れやすいという情報がたくさんあり、そちらのアドバイスを参考にしながら1日かけてがんばってのですが、できませんでした。もう限界です(涙)
現在のCSSは、
* {
margin:0;
padding:0;
}
.wrapper {
width: 740px;
margin: 0 auto;
}
.header {
width: 740px;
}
.main {
width: 740
px; /* 両端ブロックとコンテンツを囲んでいるクラスです。 */
}
.menu {display: inline;
float: left;
width: 205px;
}
.contents {display: inline;
float: left;
width: 385px;
}
.affiliate {display: inline;
float: left;
width: 150px;
}
.footer {
clear: both;
width: 740px;
}
というような状態です。
どなたかアドバイスいただけますと大変幸いです。
よろしくお願いいたします。
お礼
ご回答ありがとうございます! 1からつくりなおすとなぜか知りませんが、できました。 原因はわかりませんが、変なタグが混入していたのかもしれません。 うまくいきましたので、感謝いたします。