如何使网站水平伸展

-1

我试图让水平菜单栏在屏幕上完全伸展而没有任何间隙。到目前为止，它在某种程度上是有效的，但是在最左边还有一个小差距。如何使网站水平伸展

以下是我的代码。

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>New Design</title> 
<link href="CSS/page2.css" rel="stylesheet" type="text/css" /> 
<link href="CSS/main.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 

<div id="main"> 
<div id="header"> 

<div id="menu"> 

<ul id="ulmenu"> 
<li>Home</li> 
<li>Portfolio</li> 
<li>About Me</li> 
<li>Contact</li> 
</ul> 

</div> 

<br /> 

</div> 


<div id="content"> 
<br /> 
<br /> 
<br /> 


</div> 

<br /> 
<br /> 


</div> 

</body> 
</html>

CSS：

@charset "utf-8"; 
#main { 
position: fixed; 
margin-top: -17px; 
height: 100%; 
width: 100%; 
margin-right: auto; 
margin-left: auto; 
float: left; 
padding-left: -15px; 
} 
#main #header { 
font-family: "Arial Black", Impact, Arial, sans-serif; 
width: 100%; 
height: 59px; 
z-index: 30; 
position: fixed; 
margin-top: auto; 
margin-left: auto; 
background-color: #CCC; 
margin-right: auto; 
float: left; 
} 
#main #header #menu { 
background-color: #960; 
height: 50px; 
position: relative; 
width: 800px; 
margin-right: auto; 
margin-left: auto; 
margin-top: -7px; 
} 
#main #header #menu ulmenu { 
color: #FFF; 
list-style-type: none; 
margin-right: auto; 
margin-left: auto; 
text-align: center; 
padding-top: 10px; 
} 
#main #header #menu ul li { 
    display: inline; 
text-align: center; 
margin-right: 30px; 
margin-left: 30px; 
font-family: "Arial Black", Gadget, sans-serif; 
color: #FC0; 
font-size: 24px; 
} 
#main #content { 
width: 900px; 
margin-top: auto; 
margin-right: auto; 
margin-left: auto; 
height: auto; 
}

从上面的代码，这是要对这个最好的方法？

链接到页面本身。

http://carerra.ulmb.com/page2.html

编辑：感谢球员，得到了现在的工作。

来源

2012-11-22 bob

演示链接是广告的全部！和弹出窗口。 – Enrico

我爱Adblock，没有看到任何东西;） – Gnietschow

将“margin：0px”添加到您的身体。那么双方不应该有空间。

来源

2012-11-22 23:50:33 Gnietschow

尝试添加到您的样式表;

body { 
    margin: 0; 
    padding: 0; 
}

来源

2012-11-22 23:53:48 beltanegrey

如何使网站水平伸展

回答

相关问题