css error - добавление баннера помешает полосе прокрутки страницы

Question

hi У меня есть этот простой CSS-код для добавления баннера на сайт sharepoint 2010 - проблема в том, что когда я добавляю его, страница не распознает 'дополнительное горизонтальное пространство, добавленное баннером, и, таким образом, прокрутка прокрутки проходит мимо нижней части страницы. Это происходит, когда окна максимизируются, а также когда это не так. Происходит в IE, хром, FF.

EDIT: 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; 
} 

Answer 1

Попробуйте добавить 1px обивка и установите ширину. Я просто учился, но я обнаружил, что иногда странные вещи случаются, когда вы добавляете больше кода на сайт. 1px прокладки зафиксировал некоторые мои макеты

Также id не рекомендует использовать header_container в качестве тега div. Подумайте, сколько у вас элементов в заголовке.

EG, если я был баннер и сайт имя, но по-прежнему требуется оберточный 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>