[問題] 導覽列如何置中?
我目前遇到的問題是用了container把我的導覽列包起來,然後設置中,可是用IE7看
導覽列還是靠左無法置中,想請問大家要怎麼解決呢?謝謝,程式碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<style type="text/css">
#container {
margin: 0 auto;
position: relative;
width: 100%;
height: 100%;
}
#menu {
margin: 0;
padding: 0;
}
#menu ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
}
#menu ul li{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#menu ul li a{
width: 118px;
height: 2em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 0;
margin: 0 0 10px 0;
text-decoration: none;
display: block;
text-align: center;
font-size: 10px;
font-wight: normal;
line-height: 2em;
}
</style>
</head>
<body>
<div id="container">
<div id="menu">
<ul>
<li><a href="#">up front</a></li>
<li><a href="#">articles</a></li>
<li><a href="#">about ala</a></li>
<li><a href="#">live events</a></li>
<li><a href="#">xml feeds</a></li>
</ul>
</div>
</div>
</body>
</html>
--
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.171.138.79
推
09/28 11:07, , 1F
09/28 11:07, 1F
→
09/28 11:53, , 2F
09/28 11:53, 2F
→
09/28 11:53, , 3F
09/28 11:53, 3F
推
09/28 15:05, , 4F
09/28 15:05, 4F
→
09/28 15:32, , 5F
09/28 15:32, 5F