Cómo utilizar una Imagen de fondo para una de las principales div que tiene dos div, uno a la izquierda y uno a la derecha

Question

Quiero hacer un HTML, CSS de la página donde el diseño es como:
<div id="content">
<div id="left">
.....
</div>
<div id="right">
.....
</div>
</div>
El div de contenido tiene una imagen de fondo que debe ser repetido en y de la dirección.También la izquierda y la derecha div debe ser de lado a lado a través de la misma imagen de fondo.Soy capaz de lograrlo, pero manteniendo la altura del contenido fijo, pero no quiero hacer que el contenido de la altura fija.Por favor me ayudan a la gente.Gracias de Antemano :)

Answer 1

sin ver su código ... supongo que está flotando los DIV izquierdo y derecho ... pero no está flotando el contenido DIV ...

su CSS debe ser similar a esto para que funcione:

#content {
    float:left;
    background-image:url('whatever.png');
    background-repeat:repeat-y;
}

#left {
    float:left;
}

#right {
    float:left;
}

Answer 2

Soy capaz de lograrlo, pero por mantener la altura del contenido fijo, pero no quiero hacer el el contenido de la altura fija.

Si usted es capaz de repetir la imagen de fondo en la dirección Y, a continuación, no importa cómo se oye el #content div es, como su fondo se acaba de rellenar el espacio restante - la correcta?

Si el div de contenido no se está expandiendo a la altura del div hijo del entonces claramente #content debe de estar fuera del flujo normal de la página, en cuyo caso deberá float y no se establece una altura para el contenedor div.

Answer 3

Es bastante difícil entender lo que estás tratando de hacer, pero creo que lo que quieres hacer es agregar overflow: auto a tu div de contenido, para que tenga la misma altura que el divs izquierdo y derecho:

#content {
  overflow: auto;
  background: [bg code]
}
#left, #right {
  float: left;
}