Div de altura variable, no repite el background imagen

[Pykot]

Tengo el siguiente codigo,

<div class="sit">
<div class="sitlef cntrpt-y"></div>
<div class="sitcen">
<div class="sitrig cntrpt-y"></div>
</div>

Con el css
.cntrpt-y{background:url('../../theme/img/CntRpt-Y.png') repeat-y;}
.sit{width:980px;clear:both;}
.sitlef{width:1px;background-position:-2px 0px;float:left;}
.sitcen{width:977px; background-color:#f3f3f3; float:left;}
.sitrig{width:2px;background-position:-1px 0px;float:left;}

El problema es que cuando ingreso informacion en el div sitcen, este va aumentando su altura, ya que es variable, pero los div's laterales no aumenta el alto y por ende, no repite el background.

alquien puede ayudarme con este problema.

Saludos y Gracias...

[GAST0N]

<div class="sit">
<div class="sitlef cntrpt-y"></div>
<div class="sitcen">
<div class="sitrig cntrpt-y"></div>
</div>


fijate que tenes 4 div de apertura y solo 3 de cierre... corregi eso

[ArturoGallegos]

busca en el foro sobre columnas equilibradas, los divs no funcionan como las tablas y no crecerán los que tienes a los lados, revisa este ejemplo de mikmoro haber si le entiendes

http://www.araudi.net/ejemplos/colum...ilibradas.html

e igual busca en el foro y google seguro encontraras mucha información

[Pykot]

Gracias Gaston, pero eso fue solo error de escritura en la pregunta, en codigo estan todos cerrados.

Gracias A66, voy a revisar la info...

[Kurozaki]

mete todo esto a un contenedor y a este contenedor dale un height auto.

Y a los3divs que estaran adentro de este contenedor (los dos laterales y sifcen que es donde tiene tu contenido)
Dales altura 100%.

Entonces lo que esto hace es que el contenedor de ajuste a la altura del contenido mas grande de los 3 divs que tienes.

Y al ajustarse a esta altura, como los otros dos divs laterales, tienen height 100% tambien se ajustaran a la misma altura.

Y con background repeat-y se repetira el background.
Kurozaki

[ArturoGallegos]

Iniciado por Kurozaki

mete todo esto a un contenedor y a este contenedor dale un height auto.

Y a los3divs que estaran adentro de este contenedor (los dos laterales y sifcen que es donde tiene tu contenido)
Dales altura 100%.

Entonces lo que esto hace es que el contenedor de ajuste a la altura del contenido mas grande de los 3 divs que tienes.

Y al ajustarse a esta altura, como los otros dos divs laterales, tienen height 100% tambien se ajustaran a la misma altura.

Y con background repeat-y se repetira el background.
Kurozaki

y donde esta el truco? hasta donde tengo entendido lo que usted dice es valido siempre y cuando el div contenedor tenga una altura fija y no variable, si le digo height:200px; funcionara sin problemas, pero si le digo height:auto; obtendré un fracaso total...

compañero y si nos pone un codigo funcional probado por usted con su teoría?

y ya de paso si conoce algún link donde se hable al respecto compartalo para documentarnos bien ñ.ñ y lo digo por puede y yo me equivoque y no estaría de mas informarme donde esta mi error

[Pykot]

Lo solucione de la siguiente forma

Código CSS:

.cntrpt-y{background:url('../../theme/img/CntRpt-Y.png') repeat-y;}
#cnt .sit{width:980px;clear:both;}
#cnt .sitlef{width:1px;background-position:-2px 0px;margin-bottom:-1000px;padding-bottom:1000px;min-height:300px;}
#cnt .sitcen{width:977px; background-color:#fff;}
#cnt .sitrig{width:2px;background-position:-1px 0px;margin-bottom:-1000px;padding-bottom:1000px;min-height:300px;}
 

Código HTML:

<div class="sit">
<div class="sitlef cntrpt-y"></div>
<div class="sitcen">
<div class="sitrig cntrpt-y"></div>
</div>
 

Gracias a todos los que aportaron