メインページ以外のページにヘッダーが表示されない

Question

私のサイトのメインページにヘッダーがあります。完璧に整列され、すべてがうまくいっていますが、他のページに行くとヘッダーが消えます。私はポジションの有無にかかわらず試しました。固定されましたが、それはまだ消えます。スペースはまだあるはずですが、ヘッダー自体は見えません。

ページ間に別のdivがあるので、何が問題になるか分かりません。

.bar { 
    margin-top:-810px; 
    margin-left:300px; 
    width:1075px; 
    height:60px; 
    background-color:#b0b0b0; 
    font-size:16px; 
    color:#e7e55a; 
    text-align:center; 
    line-height:60px; 
    font-family: 'Coming Soon', cursive; 
    position:fixed; 
    z-index:1; 
} 

そして、これは他のdiv要素のCSSです：これは、ヘッダのCSSであるなど、

を私は2つのCSSコードを比較しましたが、唯一の違いは、位置、色、サイズですそれは場所にとどまる：

#tra img { 
    width: 225px; 
    height: auto; 
    margin-top:60px; 
    margin-right:0px; 
    transform:rotate(-55deg); 
    z-index:1; 
} 

第二のdivはイメージですので、私はそれが場所にとどまるが、私は本当にコーディングでは最高ではないですので、任意の助けが高く評価され、なぜそれは可能性が推測します。

また、私はz-インデックスなしでコードを試しましたが、それでも動作しませんでした。

Answer 1

位置を固定している場合は、要素の位置を上、左、下、右に固定します。マージンを使用しないでください。

.bar { 
 
    top: 0; 
 
    left: 300px; 
 
    
 
    width:1075px; 
 
    height:60px; 
 
    background-color:#b0b0b0; 
 
    font-size:16px; 
 
    color:#e7e55a; 
 
    text-align:center; 
 
    line-height:60px; 
 
    font-family: 'Coming Soon', cursive; 
 
    position:fixed; 
 
    z-index:1; 
 
}

<div class="bar"></div>