Question

过去两天我一直试图让这个工作起来，但收效甚微。也许我对所有嵌套的div感到困惑，谁知道，但我可以用别人来查看代码并指出我正确的方向。

我有什么：http://landgraff.com/backend/process.html

它应该是什么样的：http://landgraff.com/process.html

我正在重做这个网站的原因是因为我在原版上使用了表格，而我正试图摆脱使用表格...所以这就是我为了练习而重做它的原因=]

以下内容来自：http://landgraff.com/backend/css/ProcessStylesheet.css

@charset "utf-8";

#bodytext {
    color: #6B6351;
    font-family: arial, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14pt;
    margin: 35px 0px 0px 30px;
    width: 370px;
}

#logo {
    float: left;
    background: url(../images/logosmall.gif) no-repeat;
    width: 75px;
    height: 152px;
    text-indent: -9999px;
}

#process_title {
    clear: both;
    float: left;
    background: url(../images/process/process_title.gif) no-repeat;
    width: 75px;
    height: 347px;
    text-indent: -9999px;   
}

#header {
    float: left;
    background: url(../images/process/header.gif) no-repeat;
    width: 163px;
    height: 26px;
    text-indent: -9999px;
    margin-top: 1px;
}

Answer 1

#bodytext {
color:#6B6351;
font-family:arial,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:14pt;
margin:35px 0 0 80px;
width:395px;
}

#header {
background:url("../images/process/header.gif") no-repeat scroll 0 0 transparent;
height:26px;
margin-left:100px;
margin-top:159px;
text-indent:-9999px;
width:163px;
}

如果你想保留你的标记和类/ ID，这是要走的路。此外，您还必须在副本的最后一行周围添加标记。

对于初学者而言，这是非常好的，祝你好运！

这个CSS布局我做错了什么？

1 个答案: