com layout css
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á.
Discussão (10)
Carregando comentários...