Ola comunidade!
Eu tenho 3 divs (#esq, #meio, #dir), as 2 primeiras têm float:left e a 3º float:right.
a 1º e a 3º div têm uma imagem de fundo que eu quero k se repita y.
Só que estou com um problema... como é que eu faço com que a imagem de fundo da 1º e 3º div se repita ao longo de y consoante o tamanho da 2ºdiv?
CSS:
HTML:
Eu tenho 3 divs (#esq, #meio, #dir), as 2 primeiras têm float:left e a 3º float:right.
a 1º e a 3º div têm uma imagem de fundo que eu quero k se repita y.
Só que estou com um problema... como é que eu faço com que a imagem de fundo da 1º e 3º div se repita ao longo de y consoante o tamanho da 2ºdiv?
CSS:
Código:
#main {
width: 860px;
margin-left:auto;
margin-right:auto;
}
#esq {
background-image: url(imagens/esq.jpg);
background-repeat: repeat-y;
width: 30px;
float: left;
overflow: auto;
}
#meio {
float: left;
width: 800px;
background-color: #FFFFFF;
overflow: auto;
}
#dir {
float: right;
width: 30px;
background-image: url(imagens/dir.jpg);
background-position: 0 0;
background-repeat: repeat-y;
}
HTML:
Código:
<div id="main">
<div id="esq"></div>
<div id="meio"></div>
<div id="dir"></div>
</div>