Изображение фона с обеих сторон (слева и справа)?

Question

Изображение фона с обеих сторон (слева и справа)?

0

Мне сложно найти фон на обеих сторонах моей страницы:

Стиль

.left {
   background: url(wax.png);
   width: 15%;
   position: absolute;
   left: 0px;
   height: 100%;
}
.right {
   background: url(wax.png);
   width: 15%;
   position: absolute;
   right: 0px;
   height: 100%;
}

.middle{
    margin: 0 auto;
}

HTML

<div class="left">

</div>

<div class="middle">
</div>

<div class="right">

</div>

результат

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

Также возврат не повторяется вертикально

bolek evora 03 дек. 2013, в 02:51

Источник

Теги:

html

css

background

4 ответа

Ещё вопросы

Danield · Answer 1 · 2013-12-03T22-35-00.000Z

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

Добавить top:0 в класс.right

Также возврат не повторяется вертикально

Как отмечали другие, добавьте repeat-y в значение свойства фона

background: url(wax.png) repeat-y

Hurda · Answer 2 · 2013-12-03T21-19-00.000Z

Возможно, вы просто хотите разместить свою середину внутри одного div с фоном, повторяющимся в обоих направлениях и в середине, с фоном белого

HTML:

<div id="background">
  <div id="content">
    this was middle
  </div>
</div>

CSS:

#content{
  margin: 15%;
  background: white;
}

#background {
  background: url(wax.png);
}

bolek evora · Answer 3 · 2013-12-02T23-19-00.000Z

im не совсем уверен, что вы пытаетесь сделать, это выглядит совпадающим со мной, но для повторения изображения это фон: url (wax.png); background-repeat: no-repeat

смотреть плотное изображение его смещено вниз
попробуй добавить фоновое изображение в средний класс посмотри что получится или поменяй цвет

kelly johnson · Answer 4 · 2013-12-02T22-34-00.000Z

 background: url(wax.png) repeat-y 0 0;

Чтобы повторить верст.

У вас есть что-то позитивное относительно? Это текстовое поле ввода, вероятно, сжимает правый div, если у вас нет другого позиционного отношения?

Если вы собираетесь использовать позицию: абсолютный, оберните все и используйте позицию: relative на этом обертке div.

В противном случае вы можете использовать тег body или даже тег html, но, вероятно, лучше использовать контейнер для упаковки.

Это таблица в div, проверьте мой HTML <div class="middle">
Поскольку вы только начинаете, то, к чему вы не хотите привыкать, это использование таблиц для разметки. Вам не нужно. Таблица - это элемент блока, то есть она будет автоматически занимать свое собственное пространство, а не быть «встроенной», такой как span, em или strong tag.
Да, я знаю, что таблица плохо подходит для разметки, как вы можете видеть, у меня есть средний div, который ее оборачивает, я добавил таблицу, когда не смог заставить ее работать, она тоже не работает с div, пожалуйста, совет