0

私は 2 つの CSS エラー (私が知っている) を中心にレイアウト全体を台無しにして開発しましたが、2 つの間違いを修正するとレイアウトが壊れてしまいます。

エラーの処理: http://jordan.rave5.com/tmpstuff/index.html CSS: http://jordan.rave5.com/tmpstuff/styles/blue.css

修正により破損: http://jordan.rave5.com/tmpstuff/index3.html CSS: http://jordan.rave5.com/tmpstuff/styles/blue2.css

以下のコードでは、min-height属性にセミコロンがないことに注意してください。それは私が犯した間違いです。それらを修正すると、全体が台無しになります。間違いの下にあるすべてのコードを削除しようとしましたが、何もしません。そのため、さらに下に何か問題がある可能性がありますが、よくわかりません。

#header-image-grad {
    z-index: 300;
    width: 100%;
    min-height: 174px
    min-width: 1024px;
    max-height: 445px;
    background-image: url(../images/gray-trans.png);
    background-repeat: repeat;
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color='#000000')";
}

#header-image-border {
    z-index: 400;
    position: relative;
    width: 100%;
    height: 453px;
    min-height: 174px
    min-width: 1024px;
    max-height: 453px;
    padding-bottom: 8px;
    background-image: url(../images/border.png);
    background-repeat: repeat-x;
    background-position: bottom;
    text-align: center;
}
4

1 に答える 1

3

あなたの質問を100％理解しているかどうかはわかりませんがmin-height: 174px、#header-image-gradセレクターを削除することで、2番目の壊れたレイアウトが最初の例と一致します（Chrome OS X）

于 2013-04-29T04:34:06.367 に答える