CSS-вёрстка: вопрос по изображению в фоне

  1. Weblancer
  2. Форум фрілансерів
  3. Програмування
Алексий Д.
21 повідомлення
#14 років тому
Добрый день,

Подскажите, как сделать чтобы картинка в фоне (назначенная диву через background-image) всегда отображалась на весь "height", даже если в блоке нету достаточно текста? Просто сейчас если текста не достаточно - картинка обрезается.

Сорри, если сбивчиво объясняю =\
Никита Петерсон
225 повідомлень
#14 років тому
Почитайте, лично я забыл...
Виталий О.
403 повідомлення
#14 років тому
Background-repeat: repeat-y;
Будет повторять картинку по оси у. Растягиватся сама по себе не будет
Евгений Б.
5330 повідомлень
#14 років тому
Можно типа того


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

  <title>Растягиваемый фон</title>

  <style type="text/css">

   #layer1 {

    z-index: 1; /* Порядок слоев */

    width: 100%; /* Ширина слоя с фоном */

    height: 100%; /* Высота слоя с фоном */

    position: absolute; /* Абсолютное позиционирование */

    left: 0; /* Положение от левого края окна */

    top: 0; /* Положение от верхнего края */

   }

   #layer2 {

    position: absolute; /* Абсолютное позиционирование */

    z-index: 2; /* Порядок слоев */

   }

  </style>

 </head>

 <body>

  <div id="layer1">

    <img src="help.gif" width="100%" alt="">

  </div>

  <div id="layer2">

    Основное содержимое веб-страницы

  </div>

 </body>

</html>
Антон В.
1807 повідомлень
#14 років тому
Это смотря что требуется. Если чтобы картинка множилась - это одно. Если чтобы именно растягивалась на всю высоту блока - это другое. Уточните.
Елена Б.
6863 повідомлення
#14 років тому
А мне кажется, у человека проблема с высотой блока, а не с фоном.
Собственно, боян "как прибить футер к низу" или "как сделать сайдбар на всю высоту экрана"
Покажите, пожалуйста проблемный код!

(шепотом: ) Да, и еще мне кажется, самый меткий ответ дал NikitOz_95.
Антон В.
1807 повідомлень
#14 років тому
Цитата ("floppox"):
А мне кажется, у человека проблема с высотой блока, а не с фоном.

кстати да, похоже на то