2012-05-04 32 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进行测试。你可以在另一个问题上提供一个代码的jsfiddle,以便其他人可以测试它。 – jeroen

+0

好的,谢谢你的帮助,真的很感激! – adampotocki