Como usar uma imagem de fundo para uma div principal que tenha duas div, uma à esquerda e outra à direita
-
08-07-2019 - |
Pergunta
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 :)
Solução
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;
}
Outras dicas
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.
É 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;
}