Question

我搞砸了并围绕两个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-wdith属性上没有分号。这是我犯的错误。当我修复它们时，整个事情就变得糟糕了。我已经尝试删除错误以下的所有代码，它仍然被打破，所以我假设某些事情进一步失效可能是问题，但我不确定。

            #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;
            }

Answer 1

我并非100％确定我理解您的问题，但删除了min-height: 174px选择器中的#header-image-grad，第二个损坏的布局与第一个示例相匹配（Chrome OS X）

CSS标题在CSS修复后按下横幅

1 个答案: