Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estive criando as páginas num site e preciso que o rodapé do mesmo fique sempre colado no chão (não pode ficar fixo, tem que ficar socado lá depois do conteúdo)
Tentei trilhões de soluções que vi na web mas nada adiantou.
Segue minha estrutura HTML:
<body>
<form id="form1" runat="server">
<div id="tudo">
<div id="wrap">
<div class="main">
<div id="Top">
</div>
<div id="Cont">
</div>
</div>
<div id="Footer">
</div>
</div>
</div>
</form>
</body>E o código CSS dessas divs:
#Footer
{
width:100%;
height:150px;
clear:both;
position:relative;
}
#Cont width:950px;
padding:10px 25px 0 25px;
float:left;
}
#tudo position:absolute;
width:1000px;
left:50%;
margin-left:-500px;
}
#wrap text-align:left;
position:absolute;
}
.main width:1000px;
position:absolute;
overflow:auto;
}
#Top background:#FFFFFF;
height:100px;
width:100%;
border-bottom:1px solid #d3e2ef;
vertical-align:middle;
}O rodapé no momento está jogado no topo da página sem nenhum nexo, vejam uma print do mesmo:
http://imageshack.us/a/img338/344/printmdevbugrodape.png
Alguém conhece uma solução? Esse 'form1' precisa ter alguma propriedade css definida?
Carregando comentários...