Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá membros do Imasters, meu problema é basico mas esta me dando dor de cabeça...
o problema é que o rodapé(footer) não acompanha o site. O site tem um conteúdo pequeno porem tem um menu interno que se expande
aumentando assim a altura da div conteúdo, e a div todapé não esta acompanhando essa mudança
basicamente meu site é assim
.
.
.
<body>
<div id="tudo">
<div id="topo">
.
.
.
</div>
<div id="conteudo">
.
.
.
</div>
<div id="rodape">
.
.
.
</div>
</div>
</body>e a css
html, body {height:100%;}
body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{
margin:0px;
padding:0px;
}body{
margin-top:0px;
font-family: verdana, sans-serif;
color:#103f41 ;
font-size:12px;
background-color:#FFF;
background-image:url(img/fundotopo.png);
background-position:top;
background-repeat: repeat-x;
}ul{
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}ul li.naviMenu {
display:inline-block;
float:left;
height:25px;
list-style-type:none;
overflow:hidden;
}ul li a, ul li a:hover,
ul li a:visited{
text-decoration:none;
}.normalMenu, .normalMenu:visited,
.hoverMenu, .hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
outline:none;
padding:5px 10px;
display:block;
}.hoverMenu,.hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
margin-top:-25px;
background:url(img/grey_bg.gif) repeat-x #eeeeee;
color:#444444;
}.selectedMenu,.selectedMenu:visited {
margin:0;
}.normalMenu, .normalMenu:visited{
color:white;
}
#tudo {
margin: 0 auto;
padding: 0xp;
width: 800px;
overflow: hidden;position: relative;
}* html #tudo {
height: 100%; / hack para IE6 que trata height como min-height /
}
#topo {
width: 800px;
height: 180px;
margin: 0px;
padding: 0px;
}
#conteudo {
width:800px;
height:100%;
overflow:hidden;
}
#cxmenu{
width:800px;
background-image:url(img/fundomenu2.png);
position:relative;
top:-22px;
}
#menucontainer {
width: 450px;
margin: 0 auto;
}
#logo{
width: 352px;
margin: 0 auto;
}
#goto1{
padding: 0px;
margin:10px;
width: 200px;
}
#goto2{
padding:0px;
margin:10px;
width: 200px;
}
#goto3{
padding:0px;
margin:10px;
width: 200px;
}#nav ul{
text-align:center;
}#nav li{
text-align: left;
list-style: none;
margin: 0;
}#nav a{
font: 9px verdana, sans-serif;
text-decoration: none;
color:#0078ff;
}#nav a:hover{
font: 9px verdana, sans-serif;
text-decoration: none;
color:#bae7fb;
}
#rodape{
width:800px;
height: 170px;
background-color: #000;
border-top:3px solid #00F;
position: absolute;
bottom: 0;
}
#rodabase{
width:800;
margin:0px;
}#rodabase ul{
text-align:center;
}#rodabase li{
text-align: left;
list-style: none;
margin: 0;
}#rodabase a{
font: 9px verdana, sans-serif;
text-decoration: none;
color:#0078ff;
}#rodabase a:hover{
font: 9px verdana, sans-serif;
text-decoration: none;
color:#bae7fb;
}
#rodacolesq{
width:400px;
float: left;
margin:0;
}
#rodacoldir{
width:400px;
float: right;
margin:0;
}
#rodamenu {
float: left;
margin:0;
width: 200px;
background:#;
}
#rodaintitucional {
float: right;
margin:0;
width: 200px;
background:#;
}
#rodaservicos {
float: left;
margin:0;
width: 200px;
background:#;
}
#rodacontatos {
float: right;
margin:0;
width: 200px;
background:#;
}h1 {
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
padding-left:10px;
font:18px verdana, sans-serif;
color:#004986;
font-weight:bold;
}h2 {
font:14px verdana, sans-serif;
color:#004986;
font-weight:bold;
padding-top:8px;
margin:0px 0px 0px 0px;
}p.rdap{
font: 9px verdana, sans-serif ;
text-align: center;
}.clear {clear:both;}
Carregando comentários...