We are using the Andromeda theme on http://novo.tokfinal.ind.br. Thanks for the wonderful theme!

One thing we are trying to do is have the footer going to the bottom of the page when there is not enough content (take a look at http://novo.tokfinal.ind.br/search/node/ffffff). We have tried several methods without success.

Adding to the css

#footer {
position:absolute;
bottom:0;
width:100%;

almost works... But this actually makes the footer stay on the bottom of the visible window even when there is content enough to push it down below. Trying to set body and html to height: 100% also doesn't help as this messes up with other layout elements.

All help is welcome!

Thanks!

Comments

cesar.brod@gmail.com’s picture

Still trying to find a good solution without success... All help is welcome!

guillaumev’s picture

Hi,

You need to add this to the CSS:

* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
#page-wrapper{
  min-height: 100%;
}
#page {
  overflow: auto;
  padding-bottom: 336px;
}

#footer {
  position: relative;
  margin-top: -336px;
  height: 336px;
  clear: both;
}
thekylehome@gmail.com’s picture

This doesn't do the trick. It's still like it was before.