html - 左上角的图像不单独与菜单

Question

在我的页面中，左上角的图像 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>

Answer 1

您的 container 类有 width: 960px 但您的 wraper(sic) 类有 width: 990px​​

所以你需要确保它们都具有相同的宽度:我建议通过更改 container

的宽度使它们都为 990px

.container {
  WIDTH: 990px;
}