Html 有定位问题，两个样式表可能冲突？

我在我的网站的图库页面上遇到一些定位问题。不幸的是，我还没有上传网站，因为我希望先纠正这些问题。当我希望网站自动居中时，我网站的导航部分会自动定位在网站的右侧。在我的样式表的任何部分都没有正确的定位，这使我认为这可能是我的图库样式表和我的主样式表的冲突

style.css：

#wrapper {

}

#landscape {
    height: 599px;
    margin: auto;
}

#nav {
    background: #404040;
    float: left;
    height: 129px;
    width: 1026px;
    margin-left: 375px;

}

#headline {
    margin-top: 15px;
    margin-left: 129px;
}

#navlist {
     margin: 0;
     padding: 0;
     list-style-type: none;
     margin-left: 129px;
     border: none;
}

#navlist li {
    display: inline;
    padding-right: 10px;

}

#logo {
    float: right;
    width: 294px;
    height: 111px;
    background: url(images/logo_grey.jpg);
    margin-right: 120px;
    margin-top: -98px;
}

画廊风格：

#wrapper {
    margin:auto;
    width: 990px;
    height: 599px;
}

#main {
    margin-bottom: -20px;
}

#gallery {
    height: 483px;
    width: 990px;
    overflow: auto;
    padding: 10px;

}

#gallery img {
    padding: 15px;
    border: thin black solid;
}

HTML文件的结构：

<div id = "wrapper">
    <div id = "main">

        <div id="gallery">

        </div>

    <div id = "nav">

        <div id = "headline">
              <img src="images/tagline.jpg" />
        </div>

      <ul id="navlist">
          <li><a href="#"><img src="images/btn_home.jpg" /></a></li>
          <li><a href="#"><img src="images/btn_gallery.jpg" /></a></li>
      </ul>

  <div id = "logo">

  </div>

</div>

我为这个问题的长度道歉，我想尽可能具体地解决这个问题。希望你能帮助我，我很感激

如果你需要更多的信息，请告诉我，我会尽力帮助你

亲切问候,

Snakespan

我想，当

#nav

居中时，

左边距：375px将其“推”到右侧。如果删除此项，可能会得到所需的内容。
在style.css中，您有：

#nav {
...
    margin-left: 375px;
}

通过在左侧应用375px“缓冲区”，这将迫使您向右导航

把它换成这个，让它回到中间

#nav {
...
    margin: 0 auto;
}

很高兴看到你已经开始工作了！