IE6でレイアウトが時々崩れる

質問

お世話になります。

IE6ではCSSのバグがあり、レイアウト崩れは周知のこととは思いますが、
常に崩れるわけではなく、時々崩れる（更新2回に1回ほどの頻度）という現象で、
原因がどこにあるのかわからず困っております。

また、本番サイト上でのみ発生し、該当画面をHTML保存しても、ローカルでは再現しません。
本番サイトと同ソースの開発環境がありますが、こちらも再現しません。
（サイトはphp+smartyで構築しています）

現象としては、左側にメニューエリア、横にメイン表示エリアがありますが、
特定のページのみ、メインエリアがメニューエリアの下にずれてしまいます。
マージンが二倍になってしまうバグかと思い、CSSを修正しましたが改善しません。

開発環境と本番環境での気になる違いは、本番環境ではネットワークの関係で、読込がやや遅いことです。読込レタリングの途中までメニューの横に表示していたのに、何かのタイミングで下へずれてしまいます。

ietesterやMicrosoft Expression Web 3 SuperPreview for Internet Explorerなどを使用して調査しています。

時々崩れるという現象について、
何かアドバイスがありましたら、宜しくお願い致します。

回答No.3

metametamu

一応補足ですが、hasLayoutがtrueになるdisplayの値はinlineではなくinline-blockの時です。

遅延が原因だとして、問題なく表示できる指定があるといいんですが・・・

/* パターン1 */
#Nav{
width:200px;
float:left;
}
#Main{
width:600px;
float:left;
}

/* パターン2 */
#Nav{
width:200px;
float:left;
}
#Main{
margin-left:200px;
}

/* パターン3 */
#Nav{
width:200px;
float:left;
}
#Main{
width:600px;
float:right;
}

回答No.2

metametamu

別のアプローチでレイアウトすると直ったりしますよ。
marginをpaddingにするとか・・・
一応、問題箇所のhasLayout値はtrueにしておくといいと思います。

補足

ご回答ありがとうございます。
返信が遅くなり申し訳ございません。

display : inline;
を入れていれば、hasLayout値はtrueになっているという認識です。

常に崩れてくれるのであればいいのですが。
原因がまったくつかめません。。

回答No.1

Struggler

表示する値は同じで発生するか
キャッシュの有無に関わらず発生するか
表示ソース(HTMLソース)は毎回同じでレイアウトが崩れるか
などの結果はどうなのでしょうか

補足

ご回答ありがとうございます。

> 表示する値は同じで発生するか
> キャッシュの有無に関わらず発生するか
> 表示ソース(HTMLソース)は毎回同じでレイアウトが崩れるか

全てはいです。
キャッシュはクリアしても崩れます。

宜しくお願い致します。