Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
fiz a seguinte página:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>TESTE</title><style>div { background-color:#0066CC; }#site { background-color:#FFFFFF; width:776px; }#topo { height:50px; margin-bottom:5px; }#menu { width:150px; float:left; margin-right:5px; }#conteudo { width:621px; float:left; }#rodape { clear:both; background-color:#0099CC; height:30px; margin-top:5px; }</style></head><body><div id="site"><div id="topo">topo</div><div id="menu">menu</div><div id="conteudo">conteudo</div><div id="rodape">rodape</div></div></body></html>Só que a margem de cima do rodapé que declarei não aparece:
#rodape {
clear:both;
background-color:#0099CC;
height:30px;
margin-top:5px;
}Esse é um problema quew enfrento durante muito tempo.
Alguém sabe uma maneira de corrigir isso?
Única maneira que sei é usar:
#rodape {
clear:both;
background-color:#0099CC;
height:30px;
border-top:5px solid #fff;
}Só que não acho uma saída semanticamente correta.
Alguem sabe a maneira certa de resolver isso?
Obrigado desde já.
Copie o codigo e cole no bloco de notas salva a pagina e abre no firefox... a div "rodape" nao pega a propriedade: margin-top:5px;;)só isso..queria que aparecesse..só consegui colocando borda.
Crie uma div que englobe #menu e #conteudo, e coloque nessa div display:table http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
[]'s
Muito obrigado, problema resolvido
Ótemo :D
Não querendo ser chato....
mais como você resolveu isso que eu tentei não consegui
esse englobar que você falou seria
colocar
#display { display:table;}<div id="display"><div id="menu">menu</div><div id="conteudo">conteudo</div></div>
eu entendi mudar assim,.....
seria isso ?
Sim, mas você naum tinha resolvido jah o problema? <_< []'s
Sim, mas você naum tinha resolvido jah o problema? <_< []'s
hgehe, foi outro usuario que respondeu aquilo.. olhe bem ali do lado o nome dele;)abraços
Você pode postar a resposta para ele nettotma14?
So achei interessante esse topico apesar de ser antigoooo ..mais interessa mto pra min q to começando com a msm linguagem.....fazer layout separadinhu achei interessante....
Olá, não entendi absolutamente nada. Qual é o seu problema? Tem um link aí?[]'s