Como fazer pra div acompanhar o tamanho da outra?

[yogodoshi 0]

Já li diversos tutoriais...

- já tentei float: none e não adiantou.

- já tentei display:table na mãe mas faz com que as divs fikem uma em cima da outra então não adianta...

- já tentei br clear all e tb n foi

- já tentei span.clear e nada...

 

vejam só o código e por favor, se alguém tiver uma solução, eu agradeço!

http://www.infomarket.com.br/tijuquinha/trabalhe_conosco.asp

 

Quero que a div do menu_lateral acompanhe o box do centro....

Para entender a arrumação das divs sugiro usar o "element information" da web developer toolbar

 

___________

 

sem que eu tenha que editar o código inteiro para que a div do conteudo fique com a largura completa e um padding do tamanho da lateral esquerda?

[Giovani 104]

Divs simulando colunas com alturas iguais independente da altura do conteúdo de dentro delas (faux-columns, Equal Height Columns e técnica display table)

[yogodoshi 0]

pô cara, voce realmente leu o meu post?

posso estar errado mas axo q jah tentei todas essas maneiras desse post...

[Maujor 144]

Antes de resolver o problema da div você precisa acertar seu código XHTML,

pois erros de renderização podem ocorrer por erros de código.

Veja uma lista dos erros no código: Neste link.

 

Corrigido o código há necessidade de obter renderização idêntica no IE e no Firefox pelo menos. (seu site esta desconfigurado nos dois)

[yogodoshi 0]

entendo...

n tinha pensado que erros de xhtml poderiam prejudicar tanto a visualizacao, obrigado pelo toque!

[yogodoshi 0]

http://www.infomarket.com.br/tijuquinha/contato.asp

 

Já corrigi todos os erros da página mas a div pai continua sem acompanhar o tamanho da div filha... talvez seja por causa do AJAX mas d qql maneira alguem sabe o que fazer?

 

Entrem no link acima, selecionem: "cliente" e depois no assunto "reclamação" para ver o problema...

[brcontainer 16]

tenta seguir esse exemplo

 

<style>
#pai{
background:#fc0;
width:500px;
display:table;
}
#div1{
float:left;
}
#div2{
float:right;
}
#div1,#div2{
margin:2px;
background:#ddd;
width:120px;
height:auto !important;
min-height:200px;
height:200px;
}
</style>
<div id="pai">
<div id="div1">
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
</div>
<div id="div2">
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
</div>
</div>

e esse que é sem display:table;

<style>
#pai{
background:#fc0;
width:500px;
height:auto !important;
min-height:300px;
height:300px;
}
#div1{
float:left;
}
#div2{
float:right;
}
#div1,#div2{
margin:2px;
background:#ddd;
width:120px;
height:auto !important;
min-height:200px;
height:200px;
}
#plataforma{
display:block;
oveflow:hidden;
height:1px;
clear:both;
}
</style>
<div id="pai">
<div id="div1">
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
</div>
<div id="div2">
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
2<br>
</div>
<div id="plataforma"> </div>
</div>

[yogodoshi 0]

po silverfox

brigadao pela ajuda, n sei o q eu faria sem vcs !!!

 

consegui fazer foi a div "conteudo" acompanhar o tamanho da box_conteudo (a div azul) e fazer com que o rodape seja empurrado pra baixo quando o tamanho da div de conteudo crescer!

 

 

mas eu nao consigo fazer com que tanto a "menu_lateral" quanto a "conteudo" acompanhem o tamanho...

 

nem se eu criar uma div que englobe as duas...

se eu coloco display:table, mesmo com float, a div "menu_lateral" fica embaixo da "conteudo"... =/

 

n sei se você entendeu, tah aqui o arquivo:

http://www.infomarket.com.br/tijuquinha/contato.asp

[brcontainer 16]

melhor você revizar a parte HTML tanto quanto a CSS

eu pra conseugir aplicar isso eu tive de refazer o layout de um site

4 vezes =)

 

qualquer duvida quanto ao meu código tem uma explicação dele nesse link:

http://forum.imasters.com.br/index.php?act...&pid=930908

nele eu explico com detalhes como se deve execultar corretamente e entender o código

 

falow

[yogodoshi 0]

putz cara

dps de APANHAR MUITO, EU FINALMENTE CONSEGUI !!! (pelo menos no IE7 e FF)

 

muito obrigado cara!!! VLW MESMOOOOOOOOOOO !!!!!!!