0

我搞砸并围绕两个 CSS 错误（我知道）开发了我的整个布局，现在当我纠正两个错误时，我得到了一个损坏的布局。

处理错误： 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选择器中删除第二个损坏的布局与第一个示例匹配（Chrome OS X）

于 2013-04-29T04:34:06.367 回答