0

常にIE8に問題があります...

インライン ブロックを使用して、テキストを画像の右上端に揃えようとしています。FF では正常に動作しますが、もちろん IE8 では動作しません。

これが私がやっていることのフィドルです: http://jsfiddle.net/9DPv5/

私は次のことを試しました：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

何もしませんでした。

<!DOCTYPE html>

何もしませんでした。

<!--[if lt IE 8]>
<style type="text/css">
    li { display: inline !imporant; }
</style>   
<![endif]-->

問題を修正せず、ページの他の場所でスタイルを壊しました。

margin-right:1px

ブロックにはすでにマージンが設定されているため、この ofc は何も変更しませんでした。

他に何を試すべきか本当にわかりません。IE8 で動作しない CSS はないと思います。

私もこれらを見つけましたが、テストする場所がわかりません:

.divInlineBlock
{
   display: inline-block;
   float: left;
}

と

display: inline-table;

編集：画像が正しく配置されているようですが、そうでないのはテキストだけです。

どんな助けでも感謝します。

4

1 に答える 1

2

さて、いろいろいじった後（テストのためにウェブサイトからログアウトし、変更を加えるたびに再度ログインして、それが機能するかどうかを確認する必要があります...尋ねないでください:( ）私は最終的にそれを修正しました。

私が変更され：

#accordion .foobar .foo {
    display:inline-block;
    width:180px;
    height:125px;
    vertical-align:top;
    margin-right:10px;

に：

#accordion .foobar .foo {
    display:inline-block;
    float:left;
    width:180px;
    height:125px;
    vertical-align:top;
    margin-right:10px;

「float:left;」の追加 画像にこの問題を修正しました。

于 2013-07-30T10:58:20.843 に答える