php - IE 8 のみの重複要素

Question

私はここでデータをいじっています：

ページはここにステージングされます：

基本的に、ページング要素は左に押し込まれ、見出しの上に配置されます。これは IE 8 でのみ発生します。Chrome、FF、Opera では問題なく動作します。私は何が悪いのかを理解しようとして夢中になっています。html は正常に検証されます。

何か案は？

score 0 · Accepted Answer

クイックソリューション:

大まかに動作させるには、ページングラッパーをに変更しposition: relative、ul.paging を右にフロートします (位置を削除します)。

head_textページングラッパーを含めるには、に高さを追加する必要があります (paging_wrapper現在はフローの外に配置されているため、その高さはカウントされません)。

より長い解決策:

上記の修正を行っても、長いタイトルがオーバーラップするという問題がまだ残っているため、ヘッダーの領域/幅を定義し (長すぎる場合は折り返します)、ページングデバイスの領域も制限します (制限することにより)。表示されるボタンの数)。

score 0 · Accepted Answer

.paging別の簡単な解決策: CSS クラス (UL)に正しい幅を指定します。たとえば、幅は220px正しいようです。

.paging {
  ...
  ...
  width: 220px; /* new */
}

score 0 · Accepted Answer

マイナスマージンを利用することの方が問題だと思います。paging_wrapper とページング li a の両方に margin-top があります。これは、おそらく IE でのサポートに何らかの問題を引き起こしている可能性があります。

3 に答える 3