By cmcguinness on

I wonder could someone explain to me why the "min-height=100%" in the #main div doesn't work on this page - www.brainplay.ie/h?

If I change the value to pixels, e.g. 700px, it works fine?

⋅ Categories: Drupal 6.x

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Check this out http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

It takes a bit more than just setting 100% height, take a look at the spec for min-height, 100% min-height is for expanding elements to the full height of their container, if that container is auto, then the height will be auto.

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.
cmcguinness’s picture

cmcguinness commented

Thanks for this.... i've actually tried this and a few other solutions already but I can't get them to work? I know this works as I've made a basic html and css using the code and it works fine.

My question - where do I put the 'push' div..... currently I'm put it in manually on the page.tpl?

Thanks for all your help in advance.

Stuart Johnson’s picture

Stuart Johnson commented

I have this same problem, i have a site with two columns (regions subcontent1, and subcontent2) they are siblings inside of a containing div (div#subcontent_wrapper). They are roughly halfway down my page layout in the main content area, and I want the shorter of the two (it varies, I don't control content) to expand it's height to line up with the one that is taller, because they both have a border, and when the boxes don't line-up, it gets ugly, I'd rather have the extra white-space INSIDE the box than outside. Thanks in advance.