0

IE 9 と 10 で表示の問題が発生しています。FF、Chrome ではそのような問題はありません。

一部のページで、ページの 25 ～ 30% のみが更新されたときに、コンテンツが無限に長いページの下部にプッシュされ、ナビゲーションの下部とコンテンツの上部の間に空白のスペースが表示されます。履歴/キャッシュがクリアされると、頻度が高くなります。

コードは基本的に次のようになります。

<div class="column">
<div class="inner-column"> . . .</div>
<div class="xyz">. . . </div>
<div class="nmk"> . . . </div>
</div>

"column" div は無限に長く表示され、"inner-column" div とその下のすべてが "column" の一番下に表示されます。

プロパティに関係なく、画面の書き換え、つまりズームイン/アウト、またはページの検査と css プロパティのオン/オフの切り替えに応答して動作が切り替わります。

このコード構造は、この問題を表示するページと表示しないページのすべてのページで同じです。

「良い」ページと「悪い」ページの違いを調べてみましたが、魔法の組み合わせを特定できません。最も困難な部分は、「悪い」ページが一部の時間だけ正しく表示されないことです。これは Drupal 7 のサイトですが、特に Drupal に関連した問題ではないと思います。

他の誰かがこの種の行動を見たことがありますか?

4

1 に答える 1

0

助けを借りて、問題をよりよく特徴付けることができ、一番上の要素が X% の上マージンを持つ左浮動列に由来することがわかりました。これらのプロパティのいずれかが変更された場合 (つまり、親がフロートされていないか、最初の子に margin-top:Ypx がある場合)、誤った動作は発生しません。

この列は、複数列の表示を見越してテンプレートによってフローティングされます。この列をラップするために別の列が必要になるポイントがないため、フロートを削除しました。すべて問題ありません。

float-parent と top-margin-in-percentage-child のこの魔法の組み合わせにより、IE10 でのみ、上部マージンが無限に拡大する理由がわかりません。これらの値がどのように実装されているかを知っている人はいますか?

于 2013-12-09T19:23:30.453 に答える