0

我为我定制了 CSS，但不再与创建者联系。我想让一个 div (#rightcolumn) 大 55px。我通过使 div 中的 iframe 更大并且它为我自动扩展来做到这一点。然而，横幅 (#topsection) 变得有点短 - 所以我必须添加 55px 以使其宽度为 1255px。

现在页面偏离中心一些。当我尝试编辑其他浮动命令来修复时，div 结束了。我已经尝试了几天。如果有人现在可以帮助重新定位这个。我真的很感激。

测试页面：Serious Sports Bigger 链接到 css：CSS 链接 New Css

body {
    margin:0;
    padding:0;
    line-height:1.5em;
    background:#C0C0C0;
}
b {
    font-size:110%;
}
em {
    color:red;
}
#maincontainer {
    width:1200px;
    margin:0 auto;
}
#topsection {
    background:#191919;
    height:90px;
    width:1255px
}
#contentwrapper {
    float:left;
    width:100%;
}
#contentcolumn {
    margin:0 360px 0 180px;
    color:#F1F1F1;
}
#leftcolumn {
    float:left;
    width:180px;
    margin-left:-1200px;
    background:#C8FC98;
}
#rightcolumn {
    float:left;
    width:355px;
    margin-left:-355px;
    background:#E5E5E5;
}
#footer {
    clear:left;
    width:100%;
    background:#191919;
    color:#FFF;
    text-align:center;
    padding:4px 0;
}
#footer a {
    color:#62C301;
}
.innertube {
    margin:10px;
    margin-top:0;
}
.arrowgreen {
    width:180px;
    border-style:solid solid none solid;
    border-color:#94AA74;
    border-size:1px;
    border-width:1px;
}
.arrowgreen ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.arrowgreen li a {
    font:bold 12px Verdana, Arial, Helvetica, sans-serif;
    display:block;
    background:transparent url(http://i39.tinypic.com/2r2rhnc.gif) 100% 0;
    height:24px;
    padding:4px 0 4px 10px;
    line-height:24px;
    text-decoration:none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
    color:#5E7830;
}
.arrowgreen li a:hover {
    color:#26370A;
    background-position:100% -32px;
}
.arrowgreen li a.selected {
    color:#26370A;
    background-position:100% -64px;
}
4

4 回答 4

3

您还必须将 DOCTYPE 更改为

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
于 2013-09-20T01:59:39.043 回答
1

尝试添加这个：

body {
    margin : 0 auto;
}
于 2013-09-20T01:55:16.870 回答
1

#maincontainer只是1200px;，你的内容溢出了。解决方案：

#maincontainer{
  width:1255px; margin:0 auto;
}
于 2013-09-20T01:58:16.900 回答
0

所有的CSS都被应用了两次，你需要研究一下。

只需应用以下CSS：

#maincontainer {
    width: 1255px;
    margin: 0 auto;
}

#contentwrapper {
    float: left;
    width: 1200px;
}

在此处输入图像描述

于 2013-09-20T01:56:46.387 回答