2012-05-04 8 views
0

固定位置にヘッダーを保持しながらすべてを集中させるのに問題があります。なぜ誰かが私を助けることができますか?ここで固定位置にヘッダーを維持したままセンタリングする問題

は、ここに私のHTML

<div id="wrapper"> 
    <div class="header">....</div> 
    <div class="experiences">...</div> 
</div> 

あるCSSです:

#wrapper { 
    margin: 0 auto 0 auto; 
    width: 1000px; 
    height: auto; 
} 

.header { 
    background-color: #222; 
    color: white; 
    top: 0; 
    left: 0; 
    right: 0; 
    position: fixed; 
    height: 130px; 
    padding: 20px; 
    width: 1000px; 
    margin: 0 auto 0 auto; 
} 

.experiences { 
    background-color: #eee; 
    padding: 20px; 
    * padding-top: 190px; 
    width: 1000px; 
    margin-top: 170px; 
} 
+1

正確に何をセンターにしたいですか?経験divのテキスト? –

答えて

3

あなただけ.headerleftright宣言を削除する必要があります。

残りの部分はすでに中央に置かれているはずです(非常に古いバージョンのIEを使用していない限り...)。

+0

ありがとうございます! Chrome/FFでうまくいきますが、今IE 8で整列していません:/本当に変です。私が見逃す可能性のあるハックについて知っていますか? – adampotocki

+0

@aimforadamp私はIE8を手にしてテストしていません。コードを別の質問に入れて、他の人がテストできるようにすることができます。 – jeroen

+0

お手数ですが、本当にありがとうございます。 – adampotocki

関連する問題