Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
galera to quebrando a cabeça pra resolver um problema aqui mas não to consseguindo, é o seguinte,
eu to criando layout aqui e cheguei na parte do footer só que tem um problema quando o conteudo do site aumenta o footer nao desce ele fica fixo no meio da pagina eu queria que o footer fosse empurrado ou seja descece quando o conteudo do site aumentasse .
meu css ta assim olha.
@charset "utf-8";
.corpo {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 14px;
background-color: #C5C5C5;
}
#conteudo {
position:absolute;
width: 980px;
height: auto;
z-index: 1;
left: 494px;
top: 175px;
overflow: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);
border: 1px solid #bebebe;
background-color: #ECECEC;
}
#logo {
position: absolute;
width: 370px;
height: 99px;
z-index: 1000;
left: 27px;
top: 23px;
}
#tudo {
width: 760px;
margin:0 auto;
text-align:left; / "remédio" para o hack do IE /
}
#menu {
position: absolute;
width: 924px;
height: 23px;
z-index: 999;
left: 502px;
top: 336px;
}
/********************************************/
/ Common Footer /
/********************************************/
#footer{
margin: 20px auto;
width:980px;
overflow: hidden;
position:relative;
clear: both;
border: 1px solid #4a4a4a;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
zoom: 1;
}
#footer a{
text-decoration: none;
}
/ Breadcrumb /
#footer .breadcrumb{
padding: 0 0 0 20px;
line-height: 42px;
border-bottom: 1px solid #4a4a4a;
background:url(../images/breadcrumb-bg.png) repeat-x #2a2a2a;
}
#footer .breadcrumb a{
color:#ababab; text-decoration:none;}
#footer .breadcrumb a:hover{
color:#0aeeff;}
#footer .breadcrumb .current{
color:#fff;}
#footer .breadcrumb a,
#footer .breadcrumb span{
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #aaa9a9;
}
#footer .breadcrumb a:first-child,
#footer .breadcrumb span:first-child{
margin-left: 0;
padding-left: 0;
border-left: 0 none;
}
/ Site Links /
#footer .site-links{
padding: 13px 0 16px;
overflow: hidden;
border-bottom: 1px solid #4a4a4a;
background: #404040;
}
#footer .site-links .block{
margin-left:90px;
width:215px;
float:left;
}
#footer .site-links h3{
margin: 0 0 7px;
padding:0;
font: 19px IntervalSansProRegular, Arial, Helvetica, sans-serif;
color: #0AEEFF
}
#footer .site-links ul{
list-style:none;
padding:0;
margin:0;
}
#footer .site-links ul li{
border-top:1px solid #5c5c5c;
}
#footer .site-links ul li:first-child{
border-top: 0 none;
}
#footer .site-links ul li a{
padding: 6px 0;
display: block; color:#ffffff;
}
#footer .site-links ul li a:hover {
color:#0AEEFF;
}
/ Copyright /
#footer .copyright{padding: 12px 20px;overflow: hidden;color:#ABABAB;background:url(../images/copyright-bg.png) repeat-x #414141;}
#footer .copyright p{margin: 0;padding: 0;}
#footerpart {
position:absolute;
bottom: 0;
width: 200px;
height: 115px;
z-index: 2;
left: 494px;
top: 1285px;
}Carregando comentários...