位置決めに問題がある場合は、2つのスタイルシートが衝突する可能性がありますか？

Question

私のウェブサイトのギャラリーページにいくつかの配置問題があります。私はこれらの問題を最初に修正することを望んでいるので、残念ながらウェブサイトをまだアップロードしていません。私のウェブサイトのナビゲーション部分は自動的にサイトの右側に配置されています。自動的に中央に配置する必要があります。私のスタイルシートのどの部分にも正しい位置づけがないので、それは私のギャラリースタイルシートと私のメインスタイルシートの衝突かもしれません。

の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; 
} 

ギャラリースタイル：HTMLファイルの

#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; 
} 

構造：

<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

Answer 1

：

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

これは、左側に「バッファ」375pxを適用することで、右にあなたのナビゲーションを強制されます。これに

変更それはあなたがそれが働いて持って見て

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

Answer 2

私が思う、#navを中心としながら、#navのmargin-left: 375px;は右、右にそれを "プッシュ"。これを削除すると、おそらくあなたが必要とするものが得られます。あなたが持っているのstyle.cssで