Белые поля под фоном.
 

Я понимаю что вопрос не совсем по тематике сайта,но уже и правда потерял надежду,задавал это вопрос на многих форумах-нет ответа.
Я поставил на фон сайта картинки,при нажатии на кнопку у меня появляется DIV (style.display="none")проблема в том что div больше страницы и появляются полосы прокрутки,если пролистать вниз то фон кончается,а ниже белые поля,как это исправить?
чтобы фон растягивался или сжимался вместе со всей страницей?

BeetleJuice541,
:-? http://htmlbook.ru/css/background-size

у меня уже стоит
background: url(img/left.jpg) 100% 100% no-repeat; /* Добавляем фон */
background-size: cover;
И это работает пока div скрыт.

BeetleJuice541,
может так

background-size: 100% 100% ;

div случаем не с float?

какой именно?
тот который появляется-нет
тот на котором фон-да

куда это вставить?вместо того что я отправил?

:yes:

не помогает

BeetleJuice541, дайте полноценный пример с минимальным кодом воспроизводящим данную ситуацию. Угадайка может тянуться бесконечно.

хорошо.
у меня есть div
<div id="right">
</div>
вот css для него
#right {
background: url(img/right.jpg) 100% 100% no-repeat; /* Добавляем фон */
background-size: cover;
width: 20%; /* Ширина правой колонки */
float: right;
height:100%;
}
больше css касающихся этого divа нет.

вот продолжение.
Есть ячейка-кнопка
<td class="menu" onclick=" y = document.getElementById('text2'); info();" >
<p >Наука</p>
</td>
при нажатии происходит этот скрипт :
function info(){
var text = document.getElementById('text');
var text2 = document.getElementById('text2');
var text3 = document.getElementById('text3');
if(y.style.display == "none"){
text.style.display = "none";
text2.style.display = "none";
text3.style.display = "none";
y.style.display = "block";}
else{
y.style.display = "none";
}
}

После нажатия появляется 1 div в котором 3 div-в них просто текст.
Появление с помощью y.style.display = "block"; как я писал выше.

А теперь проблема.
Я писал выше про фон.
Так вот,после появления появляется полоса прокрутки,если прокрутить вниз,то под фоном белые поля.КАК ЭТО ИСПРАВИТЬ?ЧТОБЫ ФОН РАСТЯГИВАЛСЯ?

Думаю нужно сказать что сайт устроен так:
есть 1 большой div - контейнер
в нем есть 3 div - правая колонка, центр, левая колонка.
Фон у меня только в правой и левой колонки,по центру идет информация.
Вот скрины.
http://firepic.org/?v=6.2014-07-23_4s9xtdtiwjtj.png - это сам сайт.
http://firepic.org/?v=6.2014-07-23_80wqph4dulay.png - это после нажатия кнопку

может просто картинка кончилась а у неё стоит no-repeat?

BeetleJuice541,
так вам надо левую и правую колонку растягивать на высоту средней -- верстать так чтобы все колонки были одинаковой высоты.

мне не нужен повтор картинки

я вас понял и понял в чем ошибка,я прописал для всего сайта рамку и вот что увидел.
http://firepic.org/?v=5.2014-07-23_ylsxrcvx2w6o.png
Мой центральный div по какой то причине выходит за пределы главного div(контейнера).При этом главный div не растягивается вместе с ним (центральным).
Прописать auto в стилях высоты контейнера-не помогает(Как еще можно это исправить-я не знаю

BeetleJuice541,
в инете полно информации по css на три колонки -
и
но быстрее напрячь себя и гугл и на всякий случай для макета
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.