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

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"):

А мне кажется, у человека проблема с высотой блока, а не с фоном.

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