0

divタグに高さを追加すると、Firefoxと同じ高さではありません。divタグを100％設定できません。この問題を解決するために私を助けてください。ここにCssコードを添付しました。サイトを見るにはここをクリックしてください。

#payment{
    width: 265px;
    border: 1px solid #cecece;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    -moz-box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display: block;
    position: absolute;
    float: right;
    height: 230px;
    padding: 10px;
    left: 549px;
}
4

2 に答える 2

1

これは、パディングの問題である可能性があります。IE と Firefox では、パディングの解析方法が異なります。Firefox は div の高さ/幅でパディングを追加します (したがって、合計の高さ/幅は高さ/幅 + パディングで定義されます) が、IE はそれを追加しません。これは古いバージョン (< IE9) で発生します。

古いバージョンの IE については、以下を試すことができます。

<!--[if lt IE 9]>
#payment{
    width: 285px; /* original width + padding on left and right */
    height: 250px;/* original height + padding on top and bottom */
    padding: 10px;
}
<![endif]-->
于 2012-12-20T05:42:28.600 に答える
-1

ページで Quirk モードの Doctype を使用しているようです。

を切り替える

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

に

<!DOCTYPE>

または、癖モードよりも適切なもの。

于 2012-12-20T04:22:15.250 に答える