[Resolvido] Comportamento das DIVs

[Samuell_semi 0]

Eu tenho um problema com um template que estou fazendo, tenho 3 divs com backgroud-image porque é um quadro com transparencia e cantos arredondados, "seria a div do conteúdo" o que nao consigo fazer é que as duas divs superior(**#Div20_top**) e inferior(**#Div20_rod**), estejam sempre juntas à div do meio(**#Div20**), de uma maneira que se cresce o conteudo, cresce a div do meio(**#Div20**) e a div inferior(**#Div20_rod**) somente muda o seu posicionamento para estar sempre junta a div do meio(**#Div20**).

Nao sei se me expliquei bem, se alguem pode me ajudar ficarei mto grato!!

os codigos que estao sao esses

#Div20_top {
left: 35px;
position: relative;
top: 210px;
margin-bottom: 0;
background-color: #fff;
background-image: url(index_r2_c5.jpg);
border: none;
width: 409px;
padding-top: 0px;
height: 14px;
}
#Div20 {
left: 35px;
position: absolute;
top: 223px;
margin-bottom: 0;
background-color: #fff;
background-image: url(index_r2_c3.jpg);
border: none;
width: 409px;
padding-top: 0px;
height: 186px;
}
#Div20_rod {
left: 35px;
position: relative;
top: 396px;
margin-bottom: 0;
background-color: #fff;
background-image: url(index_r4_c6.jpg);
border: none;
width: 409px;
padding-top: 0px;
height: 16px;
clear:both;
}

[William Bruno 1501]

poste uma imagem de como deve ficar, q ai fica mais facil entendermos.

 

pode utilizar o imagehack.us para hospedar.

[Samuell_semi 0]

Bom as tres imagens sao assim:

 

 

 

E juntas ficariam assim:

aqui nessa ultima eu cortei mal e por isso nao saiu bem a borda.

[William Bruno 1501]

posicione o topo e o rodapé com absolute, e use um background-repeat nesse conteudo.

[Samuell_semi 0]

Fiz como você disse

background-repeat:repeat-y;

e posicionei tudo,

a imagem do conteudo repete mas a imagem inferior nao se move, fica parada onde eu a posicionei. :(

[William Bruno 1501]

para o rodapé, posicione com bottom e não com top.

[Samuell_semi 0]

Tambem nao funcionou...humm..estou subindo a pagina pro servidor web assim você vê o erro, talvez é mais facil!!! ta subindo aqui, agorinha eu mando o link

[William Bruno 1501]

a div rodape precisa ser filha do conteudo, e o conteudo precisa estar com position relative.

[Samuell_semi 0]

veja como esta aii sem fazer a ultima alteraçao que você me disse

http://diocese.webuda.com/foto/

 

fiz a ultima alteraçao e tbm nao funcionou, tipo agora desapareceu a parte inferior do quadro

[Guilherman 1]

para funcionar a #div20_top e a #div20_rod, tem que está dentro da div#div20.

Eu olhei seu código, e elas estão fora da #div20.

 

O certo seria:

<div id="Div20">
  <div class="Txt_A"></div>
  <div class="Txt_O2"></div>
  <div id="Div20_top"></div>
  <div id="Div20_rod"></div>
</div>

[Samuell_semi 0]

Mto Obrigadooo a todos....vlw!!