css错误 - 添加横幅混淆页面的滚动条

嗨我有这个简单的CSS代码添加横幅到SharePoint 2010站点 - 问题是，当我添加它时，页面不能识别'横幅添加的额外横向空间，因此滚动条会滚动到页面的底部。这种情况发生在窗口最大化以及窗口不是时。在IE中发生，铬，FF。css错误 - 添加横幅混淆页面的滚动条

编辑：screenshot of browser scrollbar

横幅代码：

<div id="header_container"> 

</div>

CSS：

#header_container { 
    background-image:url('/Images/topBanner.png'); 
    background-repeat:no-repeat; 
    background-color:#fff; 
    height:147px; 
}

来源

2011-02-25 jeee

“的SharePoint 2010” <<那是你的问题就在那里！对不起，不是非常有建设性，但必须说。 – Alex 2011-02-25 16:03:38

你可以在jsfiddle上编码并包含一些图像。也可能是目前正在发生什么的屏幕截图。 – Alex 2011-02-25 16:05:38

好吧，刚刚编辑了一个正在发生的事情的图像。 – jeee 2011-02-25 16:23:51

-1

尝试增加1px的填充和设置宽度。我只是在学习，但是我发现，当你向一个网站添加更多的代码时，有时会发生奇怪的事情。 1px的填充已经修复了我的一些布局

此外，id建议不要使用header_container作为div标签。考虑你头上有多少物品。

例如，如果我有一个旗帜和站点名称，但仍然需要一个包装的div我会用

<div id="header"> 
<div id="banner"></div> 
<div id="headerlogo"></div> 
</div>

或

<div id="headerbox"> 
<div id="banner"></div> 
<div id="sitetitle"></div> 
</div>

来源

2011-02-28 03:58:15

css错误 - 添加横幅混淆页面的滚动条

回答

相关问题