Publicado em 13 de fev.

[Resolvido] Imagens de fundo na div

Olá iMasters,

Seguinte:

Tenho quatro divs em uma página: "geral" -> div pai , "esquerda", "centro" e "direita" as divs esquerda e direita possuem imagens fixas como background; e a div centro aumenta conforme a quantidade de conteúdo a pagina recebe( repeat-y). Eu gostaria que as divs esquerda e direita acompanhasse a div do centro, conforme esta aumenta, duplicando suas imagens de background.

CSS:

#geral{//div pai

	width:1003px;
	height:auto;
	margin:0 auto;
	padding:0px;
	display:table;
	}
#esquerdo{
 width:245px;
 height:auto;
 float:left;
 }
#direito{
 width:255px;
 height:auto;
 float:right;
 }
#cento{
 width:503px;
 height:auto;
 float:left;
 }

Bom no HTML eu tenho assim:

<div id="geral">

 <div id="direito"> </div>

 <div id="esquerdo"> </div>

 <div id="cento"> </div>

 </div>

Pow, tem alguma coisa a ver com a propriedade display:table. Mas por algum motivo não está rolando. Acho que estou rateando em alguma coisa. :blink:

Alguém pode ajudar?

Vlw

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Gleen· 13 de fev.

Se eu entendi, você tem duas divs, direita e esquerda que servem pra exibir uma imagem de fundo, de acordo com a altura da imagem do centro, é isso? se sim, eu tentaria algo com uma div para conter estas 3:

<div id='box'>
 <div id='esquerda'>
 </div>
 <div id='centro'>
 </div>
 <div id='direita'>
 </div>
</div>

Assim, o css ficaria:

#esquerda {
 background-repeat: repeat-y;
}
#centro {
 background-repeat: repeat-y;
}
#direita {
 background-repeat: repeat-y;
}

Deve funcionar.

William Bruno· 13 de fev.

você precisa de Faux Columns...

Carlos Designer· 13 de fev.

crie uma imagem da lagura do layout que contera os dois background esquerdo e direito e aplique na div "pai", assim caso qualquer uma cresca todas vão aparecer.

Gasparzinho· 13 de fev.

Ai William Bruno,

Pow cara resolvido... obrigado procurei por faux Columns e achei a solução...

Obrigado à você ao Gleen e ao Carlos ... ambas respostas chegarão ao mesmo objetivo...

Obrigado galera...

Pow algum moderador pode colocar como resolvido?

Obrigado à todos!!!

ABC