Мне сложно найти фон на обеих сторонах моей страницы:
Стиль
.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>
результат
Это близко к тому, чего я пытаюсь достичь, но правильный образ неуместен.
Также возврат не повторяется вертикально
Это близко к тому, чего я пытаюсь достичь, но правильный образ неуместен.
Добавить top:0
в класс.right
Также возврат не повторяется вертикально
Как отмечали другие, добавьте repeat-y в значение свойства фона
background: url(wax.png) repeat-y
Возможно, вы просто хотите разместить свою середину внутри одного div с фоном, повторяющимся в обоих направлениях и в середине, с фоном белого
HTML:
<div id="background">
<div id="content">
this was middle
</div>
</div>
CSS:
#content{
margin: 15%;
background: white;
}
#background {
background: url(wax.png);
}
im не совсем уверен, что вы пытаетесь сделать, это выглядит совпадающим со мной, но для повторения изображения это фон: url (wax.png); background-repeat: no-repeat
background: url(wax.png) repeat-y 0 0;
Чтобы повторить верст.
У вас есть что-то позитивное относительно? Это текстовое поле ввода, вероятно, сжимает правый div, если у вас нет другого позиционного отношения?
Если вы собираетесь использовать позицию: абсолютный, оберните все и используйте позицию: relative на этом обертке div.
В противном случае вы можете использовать тег body или даже тег html, но, вероятно, лучше использовать контейнер для упаковки.
<div class="middle">