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錯誤 - 添加橫幅混淆頁面的滾動條

回答

相關問題