Como usar uma imagem de fundo para uma div principal que tenha duas div, uma à esquerda e outra à direita

Question

Eu quero fazer uma página HTML, CSS, onde o layout é como:
u003Cdiv id="content">
u003Cdiv id="left">
.....
u003C/div>
u003Cdiv id="right">
.....
u003C/div>
u003C/div>
O conteúdo Div possui uma imagem de fundo que deve ser repetida na direção y. Além disso, a div de esquerda e direita deve estar lado a lado sobre a mesma imagem de plano de fundo. Sou capaz de realizá -la, mas mantendo a altura do conteúdo fixo, mas não quero tornar a altura do conteúdo fixa. Por favor me ajude pessoal. Desde já, obrigado :)

Answer 1

Sem ver seu código ... meu palpite é que você está flutuando nas divs esquerda e direita ... mas você não está flutuando no conteúdo div ...

Seu CSS deve parecer semelhante a isso para fazê -lo funcionar:

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

#left {
    float:left;
}

#right {
    float:left;
}

Answer 2

Sou capaz de realizá -lo, mas mantendo a altura do conteúdo fixo, mas não quero consertar a altura do conteúdo.

Se você é capaz de repetir a imagem de fundo na direção y, não deve importar como ele #content Div é, pois seu plano de fundo apenas preenche o espaço restante - correto?

Se o seu conteúdo div não estiver se expandindo para a altura da criança da criança, então claramente #content deve estar fora do fluxo normal da página, nesse caso, você deve float e não defina uma altura para o contêiner div.

Answer 3

É muito difícil entender o que você está tentando fazer, mas eu acho O que você quer fazer é adicionar overflow: auto para o seu conteúdo div, para que se torne a mesma altura que as divs esquerda e direita:

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