我将标题页包含在几页中。 问题是菜单位置在一页中发生变化 我在这里包括快照
我在两个不同的页面中包含标题页。在底部图像中,菜单栏向左侧移动。我想要第一个正确显示在另一个页面中。
在header.jsp中
<div class="header_menu">
<ul id="menu" >
<li><a href="tohome">Home</a></li>
<li> <a href="showcontacts">Contacts</a></li>
<li><a href="settings">Settings</a></li>
</ul>
</div>
在css中
.header_menu{
position: absolute;
top: 22px;
right:110px;
padding-top: 5px;
}
#menu
{
padding:2px;
}
#menu li
{
display:inline;
}
#menu li a
{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
text-decoration: none;
float:left;
padding:10px;
background-color:#264171;
color:#FFF;
border-bottom:2px;
border-bottom-color:#69C;
border-bottom-style:solid;
}