0

1 つのページを除いて、サイトを完全にデバッグしました。

http://hqinternetsolutions.com/fullservice/movies.html

li は 6 または 7 では正しく表示されませんが、他のブラウザでは問題なく動作します。HTML は非常にシンプルです: ul li とアンカー タグです。css もシンプルです。

#moviegrid{
    width:560px;
    margin:20px auto;
    height:250px;

}

#moviegrid ul{
    list-style:none;
    margin:0;
    padding:0;
    display:inline;

}

#moviegrid li{
    padding:0;
    margin: 0;

    }

#moviegrid li img{
    background-color:#fff;
    padding:2px 2px 2px 2px;

}

#moviegrid li img:hover{
    background-color: #328f87;
    padding:2px 2px 2px 2px;
}

私は何を間違っていますか?!

4

2 に答える 2

0

zoom:1 を追加して、IE の hasLayout フラグをトリガーする必要もあります。

#moviegrid li{
  padding:0;
  margin: 0;
  zoom: 1;
  display: inline;
}
于 2009-08-11T19:58:59.060 に答える
0

私は間違っているかもしれませんが、次のように表示属性を li に直接適用してみてください。

moviegrid li{
    display:inline;
}

IE 6 または 7 は CSS の継承があまり得意ではないため、それが問題になる場合とそうでない場合があります...

于 2009-08-11T19:56:08.223 に答える