如何摆脱包装器周围的空白?

时间:2013-11-08 09:33:17

标签: html css dreamweaver wrapper

我是创建网站的新手,这个是我的朋友。我正在使用Dreamweaver CS4。我无法弄明白如何摆脱空白区域,在我的网站周围形成白色边框。好心提醒!这是网络的打印屏幕(我尚未上传): print screen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Saher H. Paracha</title>
<style type="text/css">
a:link {
COLOR: #F0F;
}
a:visited {
COLOR: #FFF;
}
a:hover {
COLOR: #FFF;
}
a:active {
COLOR: #FFF;
}
<!--

#wrapper {
width: 1250px;
background-color: #FFF;
background-image: url(total-BGgif.gif);
background-attachment: scroll;
}
#left {
width: 25%;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13pt;
color: #999;
}
#content {
width: 50%;
float: left;
}
#right {
float: right;
width: 23%;
}
#footer {
width: 100%;
clear: both;
background-color: #DE39D8;
}
#header {
width: 100%;
}
#menu {
width: 100%;
}
#wrapper #menu table tr td {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #C39;
}
#wrapper #left table tr td {
text-align: left;
}
#wrapper #content table tr td p {
font-size: 12pt;
font-family: Georgia, "Times New Roman", Times, serif;
}
#header_space {
height: 5%;
width: 100%;
}
#wrapper #right table tr td {
text-align: center;
}
#wrapper #footer table tr td {
color: #FFF;
text-align: center;
}
#wrapper #content table {
color: #DE39D8;
}
#wrapper #left table tr td a {
color: #FFF;
}
#wrapper #left table tr td a strong {
color: #DE39D8;
}
#wrapper #content table tr td p {
color: #666;
}
#wrapper #header table {
text-align: center;
}
-->
</style>

3 个答案:

答案 0 :(得分:3)

我的猜测是,您需要将borderhtml的{​​{1}} CSS属性重置为body

0

答案 1 :(得分:2)

试试这个

放CSS

html {
    height:100%;
    margin:0;
}

答案 2 :(得分:0)

我不会使用html选择器,尝试使用正文。

在您的css中包含以下代码:

    body{height: 100%; margin 0}

如果不起作用,请尝试添加!important(通常尽量避免使用!important),最后还要将边框设置为0

    body{height 100% !important;
         margin: 0 !important;
    }

如果您要发布代码,则可以更轻松地重现问题并解决问题......