0

我正在尝试删除我正在处理的布局的顶部间距，您可以在此处查看：50.116.81.173/~speedcit/wordpress/。但是，我似乎没有太多运气。我基本上想删除页面顶部的白色间距。

下面是我目前使用的 CSS 代码：

body, html {
    font-family: Arial;
    font-size: 11.5pt;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

table, tr, td, div {
    font-family: Arial;
    font-size: 11.5pt;
}

#outer {
    text-align: center;
    margin: 0px;
}

#wrapper {
    border-left: 1px #000000 dotted;
    border-right: 1px #000000 dotted;
    padding-top: 2px;
    padding-left: 2px;
    text-align: left;
    width: 1024px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
}

#header {
    background-image: url(http://50.116.81.173/~speedcit/images/header.jpg);
    width: 1024px;
    height: 280px;
}

#menu {
    width: 1024px;
    height: 61px;
}

#content {
    background-image: url(http://50.116.81.173/~speedcit/images/content-bg.jpg);
    background-repeat: no-repeat;
    width: 804px;
    height: 357px;
    padding-top: 80px;
    padding-bottom: 10px;
    padding-left: 110px;
    padding-right: 110px;
    line-height: 24pt;
}

#footer {
    margin: 0px;
    padding: 0px;
}

.txt {
    color: #BF2736;
    font-weight: bold;
}
4

4 回答 4

1

将填充 0 添加到包装器中。CSS 重置应该可以解决您的问题，但可能会创建新问题。 http://meyerweb.com/eric/tools/css/reset/

#wrapper {padding:0;}

问题的根本原因是您没有将浏览器呈现 CSS 的方式重置为零。

于 2013-01-30T22:33:39.487 回答
0

将#wrapper 的填充更改为零

#wrapper {
    border-left: 1px #000000 dotted;
    border-right: 1px #000000 dotted;
    padding-top: 0px; -- Change This to zero!!!
    padding-left: 2px;
    text-align: left;
    width: 1024px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
}

您可能想了解 CSS 重置工具

http://meyerweb.com/eric/tools/css/reset/

重置样式表的目标是减少浏览器在默认行高、页边距和标题字体大小等方面的不一致

于 2013-01-30T22:34:47.360 回答
0

将 #wrapper 规则中的 padding-top:2px 替换为 padding:0 。如果在 padding-top 属性之前添加 padding:0 ，您仍然会遇到问题。

于 2013-01-30T22:37:51.520 回答
0

底部填充的问题是图像本身。图像中有一个空白区域。编辑并删除它：50.116.81.173/~speedcit/images/footer.jpg

你的顶部空白问题是其他人之前所说的。

于 2013-01-30T22:39:39.893 回答