0

Как можно сделать, например, три фоновых рисунка, чтоб кусок был внизу (не повторялся), в середине (чтоб удлинялся в зависимости от размера контента) и сверху, статичное фоновое изображение. Верстка DIV-ами.

2 ответа 2

1

Предлагаю три дива вложенных сделать (здесь 50px - высота фоновых картинок верха и низа)

#content {
  height: auto;
  min-height: 300px;
}

#bg1 {
  padding-top: 50px;
  background: transparent url('/images/bg-top.png') left top no-repeat;
}

#bg2 {
  padding-bottom: 50px;
  background: transparent url('/images/bg-bottom.png') right bottom no-repeat;
}

#content {
  background: #ffffff url('/images/bg-middle.png') center center repeat;
}
<div id="bg1">
  <div id="bg2">
    <div id="content">
      content
    </div>
  </div>
</div>

0
<div class="header"></div>
<div class="body"></div>
<div class="footer"></div>

Как-то так. Ну и закрепить хоть фиксировано, хоть %. Вроде ничего сложного и должно работать.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.