2011-02-09 11 views
1

に異なる位置に配置されている右側の部分である:IE7とFirefoxではなぜ、このページではIE6

http://phplist.xxmn.com/node/18

、右側の部分は、(CSSクラスがcontentsidebarです)[OK]を表示しますが、IE6で、それはdoesnのtはうまく表示されます。異常に表示されます - その場所は右下にあります。

私はIE6が死んでいることは知っていますが、中国ではまだそれを使用している人がたくさんいます。

IE6でページを適切に表示するためにCSSを修正するにはどうすればよいですか?ありがとうございました。

答えて

0

これは罪として醜いですが、それはあなたのIE6の問題が修正されています。

<!--[if IE 6]> 
<style> 
#leftcontent { 
    width: 660px 
} 

.bread_nav, #leftcontent .node, #leftcontent h1, #author_info { 
    width: auto !important 
} 
</style> 
<![endif]--> 

(ご希望の場合は、独自のスタイルシートでこれを置くことができ、それは最後の一つだことを確認してください。)

考えられるのは、#leftcontentの幅をそれより少し小さく設定し、width: 668pxの何百万もの異なるインスタンスをオーバーライドすることです(これらの余分な幅はブラウザでは必要ありません)。#leftcontentからauto幅。

@Summerは幅を変更することについて正しいアイデアを持っていました。

+0

ありがとうございました。私はコードをページのに入れました。私はそれをサイトのstyle.cssに入れたいのですが、どうすればいいですか? – runeveryday

+1

「ie6.css」などと呼ばれる独自のIEスタイルシートをそのまま残すことをお勧めします。そうすることは従来の方法です。あなたが本当に確実であることを確信しているなら、あなたは通常のやり方に逆らって欲しいです。CSSハックを使ってIE6だけにスタイルを提供することができます。たぶん[Star HTML Hack](http://css-discuss.incutio.com/wiki/Star_Html_Hack)?だから、あなたの 'style.css'の一番下に' * html #leftcontent {width:660px} 'と' * html .bread_nav、* html #leftcontent .node ..'を入れます。私はそれをお勧めしません。 – thirtydot

1

私に幅の問題のように見えます。 IE6では、右側のサイドバーが大きすぎると判断し、コンテンツボックスを前のフロート(つまり、メインコンテンツの下)の下に移動します。 div class = "contentsidebar"の幅は300です。295pxまたは290pxに変更し、問題が解決するかどうか確認してください。

関連する問題