двойной градиент в фоне

[AKstoAK]

У меня есть проблема мне нужно сделать фон для страницы из двух градиентов.На страничке есть фиксированная таблица.Я ипользую рисунки шириной 500, высотой 1 и такой стиль:

 HTML {
	background: #35cbdb url(images/fonL.gif) repeat-y; /* Цвет фона веб-страницы,
												  путь к графическому файлу с фоном и
												  повторение фона по вертикали */
	height: 100%; /* Высота элемента */
	margin: 0;
   }
   BODY {
	background: url(images/fonR.gif) repeat-y 100% 0; /* Фон по  правому краю окна браузера */
	margin: 0; /* Обнуляем отступы на странице */
	height: 100%; /* Высота элемента */
   }
   P {
	margin: 0; /* Обнуляем отступы */
	padding: 5px 0 0 20px; /* Поля вокруг текста */
   }

Все работает хорошо. Но если окно браузера сделать меньше высоты таблицы, то градиент справа дублируется только в видимой части окна, как только мы прокрутим окно чуть ниже, фон справа перестает дублироваться.

выглядит это так:

Как мне сделать чтобы фон дублировался и при масштабировании?

[Lesana]

Попробуйте height: 100% в body заменить на min-height: 100%

[AKstoAK]

Попробуйте height: 100% в body заменить на min-height: 100%

Спасибо за быстрый, дельный ответ. Все работает как надо.

Отсюда следует что код для двух повторяющихся фонов по краям станицы выглядит так:

HTML {
	background: #35cbdb url(images/fonL.gif) repeat-y; /* Цвет фона веб-страницы,
												  путь к графическому файлу с фоном и
												  повторение фона по вертикали */
	height: 100%; /* Высота элемента */
	margin: 0;
   }
   BODY {
	background: url(images/fonR.gif) repeat-y 100% 0; /* Фон по  правому краю окна браузера */
	margin: 0; /* Обнуляем отступы на странице */
	min-height: 100%; /* Высота элемента */
   }

Edited February 10, 2011 by AKstoAK