2

さて、私は困惑しています。

IE9は、開発中のサイトのすべてではありませんが、一部のページで一貫性のないページ幅の問題を表示しています。

IE9の場合: http : //sistercarmen.org/cms/にアクセスすると、右のページのように大まかに見えるものを確認できます。実際、ページが少し広すぎて、それは確かに問題です。しかし、 AboutページやHistoryページで起こっていることと同じようなものはありません。

それらのページでは、ページは確かに非常に広くなります。ただし、右側の列のリンクにマウスを合わせると(おそらく、水平方向にスクロールして表示する必要があります)、ページは正しいサイズに戻ります。

簡略化されたテストページ@jsFiddleを作成すると、これが関連しているように見えることを確認できましたdisplay: tableが、これは私にとって重要なので、後でソースコードでNavを提供できます。さらに単純なテストページdisplay:tableは、IE9で一般的に機能することを示しています。

だから...これはhasLayoutの問題ですか?もしそうなら、IE9でhasLayoutを強制するにはどうすればよいですか?

どうもありがとうございます、

ジェレミー

4

1 に答える 1

1

そうです、それは奇妙です。その価値については、IE10でページが正常に機能します。

利用可能な時間内に適切な解決策を見つけることができませんでしたが、その間に、本文のテキスト要素にwidthまたはを適用することを検討しましたか?max-width

[編集]

width:100%要素に追加することcontent-leadで問題が回避されることを確認できます。

問題が発生している理由に対する答えはまだありませんが、少なくとも回避策です。

[もう一度編集]

実際、上記の回避策は、私が当初考えていたほど良くはありません。width:100%私はコンソールで遊んでいたので、私のために働いたのは唯一のことでした。CSSでそれを行っても効果はありません。

calc()固定幅を設定すると役立つ場合があります。完全に固定幅が適切でない場合は、CSSを使用することもできます。

于 2013-03-26T21:56:27.537 に答える