Ошибка CSS - добавление баннера портит полосу прокрутки страницы

Question

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

РЕДАКТИРОВАТЬ: скриншот полосы прокрутки браузера

код баннера:

<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 отступа были исправлены некоторые из моих макетов

Также я рекомендую не использовать header_container в качестве тега 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>