CSSヘッダーイメージの整列

Question

私は、サブディジットページのヘッダーイメージの整列に関するCSSのヘルプを探しています。ここでは、ヘッダー画像とオーバーレイの現在のコードは、Zインデックスとものではありませんを無視しないです：

#header { 
    z-index: 2147483647; 
    height: 260px; 
    border: 0; 
    box-shadow: inset 0 -90px 0 0 rgba(21, 27, 33, .6); 
    background: url(%%overlay%%) fixed center/auto auto, linear-gradient(45deg, rgba(39, 161, 227, .65), rgba(231, 35, 42, .65)), url(%%header%%) 0 0/cover 

このコードから、私のヘッダー画像は、私は私のブラウザまたはビューのサイズを変更する場合でも、左端に揃えますモバイル上でブラウザのサイズを変更したり、モバイルで表示したりしても、ヘッダーイメージを一元化するように配置を変更したいと考えています。

#header { 
border: 0; 
height: 200px; 
background-color: #000000; 
background-image: url(%%banner1%%); 
background-repeat: repeat; 
background-position: center; 
} 
#header #header-img { display: none; } 
@media (max-width: 1800px) { 
    #header { 
     background-size: cover; 
     background-position: center; 

私はこれで本当に弱いんだと私は同じ結果を得るためにそれらを超えるプロジェクトすることができませんでした、あれば理解するだろう：

は、ここでヘッダー画像は、私が探しています結果を得られる。これにより、別のテンプレートです誰もがこれで、おかげで私を助けることができます！マージンを加え

Answer 1

試してみてください。そう

＃ヘッダー{ マージンのようなあなたの＃ヘッダースタイルに自動：自動; .... }