Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Já li diversos tutoriais...
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?
pô cara, voce realmente leu o meu post?
posso estar errado mas axo q jah tentei todas essas maneiras desse post...
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)
entendo...
n tinha pensado que erros de xhtml poderiam prejudicar tanto a visualizacao, obrigado pelo toque!
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...
tenta seguir esse exemplo
<style>
#pai{
background:#fc0;
width:500px;
display:table;
}
#div1{
float:left;
}
#div2{
float:right;
}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;
}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>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:
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
putz cara
dps de APANHAR MUITO, EU FINALMENTE CONSEGUI !!! (pelo menos no IE7 e FF)
muito obrigado cara!!! VLW MESMOOOOOOOOOOO !!!!!!!
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)