0

これを見てください： firefox、chrome、operaのJSFiddle
はコードは問題ありませんが、ie9では数字をシフトします。画像を参照してください。左は問題なし、右は ie9 です。 http://imageshack.us/photo/my-images/707/asdlj.png/

私は問題を解決できません、助けが必要です:(

HTML

<ul id="category">
    <li>
        <p>
            35
        </p>
        Spiele
    </li>
    <li>
        <p>
            352
        </p>
        Puppen
    </li>
</ul>

CSS

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#category {
    float:left;
    background:#e8e8e8;
}
#category li {
    line-height: 20px;
    padding: 10px 30px;
    cursor:pointer;
}
#category p {
    margin:0 0 0 20px;
    padding:0;
    float:right;
    font-size:18px;
}

コードを大幅に簡素化しました。

ステンツグ

4

1 に答える 1

2

これは、<table>. これは、この特定の問題を処理するための、よりクリーンで互換性のある方法です。ブラウザの問題は発生しません。これを試して：

<table>
  <tr>
    <td>Spiele</td>
    <td>35</td>
  </tr>

  <tr>
    <td>Puppen</td>
    <td>352</td>
  </tr>
</table>

そしていくつかの基本的な CSS :

table {
  background-color: #e8e8e8;
}

table td {
  padding: 10px;
}

jsfiddle

それらの使用に慣れていない場合は、MDN テーブルのチュートリアルを確認してください。

于 2013-04-08T23:40:54.487 に答える