左上角图片与菜单不同

时间:2012-04-01 19:01:49

标签: html css

在我的页面中,左上方的图像logo2.jpg向右移动,我希望它位于相同的菜单下方。我怎么能这样做?

页面在这里,如果它有帮助:

http://www.dilyurdu.com

#logo {
margin:0 auto; width: 975px; position:relative;
}
#top {
position:relative; top:0px; left:0px; width:100%; height:95px;background:url("vocab_dosyalar/back2.jpg") top repeat-x;
}
#logoicerik {
position:absolute; top:2px; 
}
#logoicerik2 {
position:absolute; top:2px; left:357px;
}

    <div id="top">
         <div id="logo" >   
              <div id="logoicerik"><img src="vocab_dosyalar/logo2.jpg" alt="easylang" style="border:0px;"/></div>
              <div id="logoicerik2"><img src="vocab_dosyalar/slogan.jpg" alt="the easiest way to learn english"/></div>
              <div class="header-info" style=" margin-right:1px; margin-top:15px" ></div>
         </div>
    </div>

1 个答案:

答案 0 :(得分:0)

您的container班级有width: 960px,但您的包装(原文如此)班级有width: 990px

所以你需要确保它们都具有相同的宽度:我建议通过改变容器的宽度来制作两个990px​​

.container {
  WIDTH: 990px;
}