div下方的中心div

时间:2014-02-12 18:43:54

标签: html css menu margin

您好,并且提前抱歉我的英语不好。

我遇到了一些代码问题。 我得到的是带有背景图像(徽标)的标题 - div。

在下面,我有一个菜单 - div。 标题是770px居中 菜单应该在标题下方居中。

Exaple

    <div id="header"><div>
<br>

<br>
<div id="menu">
<ul>
    <li><a href="index.php">Forside</a></li>
    <li><a href="priser.php">Priser</a></li>
    <li><a href="bestil.php">Bestil / Kontakt</a></li>
</ul>
</div>
  • HTML部分。

body{
background-color:#fff;
color:#000;
font-family:verdana;
font-size:10px;
background:url('viking.png') left no-repeat;
}

a:hover {text-decoration: none;}
a:link{text-decoration:none; font-family:verdana; font-weight:normal; }
#header{
margin-left: auto;
margin-right: auto;
background-image:url('/head.png');
width: 770px;
height: 130px;
margin-top:-10px;
}

#menu{
margin-left:auto;
margin-right:auto;
margin-top:116px;
text-align:center;
width:770px;
overflow: hidden;
}
#menu ul{
list-style:none;
}
#menu ul li{
display: inline-block;
float: left;
margin-bottom: 20px;
}
#menu ul li a { padding:20px; background: rgba(255,138,30,0.3); text-decoration: none; font: bold 24px Helvetica, Sans-Serif; letter-spacing: -1px; color: #402e16;
  • 完整的CSS部分。

我非常绝望,希望得到帮助!

1 个答案:

答案 0 :(得分:3)

float:left

中删除#menu ul li

http://jsfiddle.net/bW73N/