propriedade margin não 'pega' valor.

[uiLhian 1]

Bom o que acontece é o seguinte o a div#conteudo não tem valor de altura definida...

 

#CONTEUDO  {    
width : 680px;
height : auto;
margin : 10px;
background : #FFF;
}

ae tipo tem o rodape logo abaixo dessa div#conteudo ambas dentro da div#corpo...

o "erro" é que a propriedade "margin-top: 10px" do rodapé na ta "pegando" o valor, não ta espaçando conforme deveria..

 

#RODAPE  {  
clear : both;  
height : 50px;
margin-top : 10px;
border-top : solid 1px #CFCFCF;
background : #F5F5F5;
}

 

#CORPO  {  
margin : 40px auto;  
width : 700px;
height : auto;
text-align : left;
background : #FFF;
}

 

tipo o html ta assim:

<div id="corpo">

<div id="conteudo>aaa</div>

<div id="rodape">bbb</div>

</div>

 

[Guilherme Oderdenge 42]

Isso aconteceu porque o rodapé não sabe a partir de onde ele tem que dar a margem. Uma das soluções que tens é a utilização do "float: left;" nas divs Rodapé e Conteúdo com a largura prevista e com posições relativas.

 

Senão, se quiseres algo mais "gambiarra", fique à vontade para utilizar padding-top: 10px;. :thumbsup:

[uiLhian 1]

isso aqui ?

 

#RODAPE,#CONTEUDO {
float : left;
position: relative;
width: 680;

se for não deu certo não pois bagunço tudo o layout.

"só se entendi errado. ae foi malz". :)

[Guilherme Oderdenge 42]

Na verdade, sim. É provável que o rodapé foi para o lado de conteúdo, não é mesmo? O que aconteceu é que você não especificou qual é a medida da largura das suas divs. Veja que na propriedade width você atribuiu o valor de 680, mas... 680 o quê? Pixels? Picas? Polegadas? Centímetros?

 

O CSS (ainda) não é mágico!

 

Caso o problema venha a persistir, podes expressar sua dúvida em uma imagem para conseguirmos nos localizar melhor no seu problema?

 

Um abraço!

[uiLhian 1]

mesmo assim desconfiguro tudo do mesmo jeito mesmo setando o px ali no 680. :(

bom segue abaixo minha css.

* {margin : 0;padding : 0;text-decoration : none;outline : none;border : none;list-style : none;}body { font : 11px Verdana, Helvetica, Arial, Tahoma, Sans-serif;text-align : center;color : #444;}#CORPO, #TOPO, #TOPO h1 a {position : relative;}#CORPO  {  margin : 10px auto;  width : 700px;height : auto;text-align : left;} #TOPO { background : #FFF; border-bottom : solid 1px #F1F1F1;height : 50px;}#CONTEUDO  {    width : 680px;height : auto;margin : 10px;background : #FFF;} #RODAPE  {clear : both;  height : 50px;margin-top : 10px;border-top : solid 1px #CFCFCF;}#RODAPE, #CONTEUDO, dl,dt,dd {float : left;position: relative;width: 680px;}#RODAPE dl.endereco, dl.telemail {width : 27.1em;line-height : 17px;margin : 6px 0 0 10px;}#RODAPE .endereco dt, .telemail dt {border-right : 1px solid #CFCFCF;padding-right : 5px;width : 2.8em;clear : both;}#RODAPE .endereco dd, .telemail dd {width : 27.2em.;white-space : nowrap;padding-left : 8px;}

é basicamente isso ae.

 

 

?

 

bom acha que da pra ter uma noção.

caso alguem poça me ajudar

 

nusssa ta dificil... :(

 

alguem ? :(

[uiLhian 1]

alguem fazendo um enorme favor pode me da uma força nisso,

pois estou tendo esse problema novamente e não consigo solucionar de jeito nenhum... :(

[am designer 7]

Cara eu não entendi muito bem. Você precisa que o conteúdo e o rodapé fiquem separados ?