html - 100% height div -
i have #main
div i'd fill page between header , footer when there no content. when there content, should push sticky footer down, does.
css:
#main { background: transparent url("images/main-content.png") top right repeat-y; clear: both; overflow: hidden; margin-top: -10px; height: 100%; min-height: 100%; }
i'm not sure why isn't working. #main
inherits #wrapper
, body
, i'd think setting 100% height , min-height of 100% work.
site:
http://www.dentistrywithsmiles.com
thanks in advance this.
it's height: auto !important;
somewhere near line 146
of css file.
it's overriding 100% height of wrapper, isn't letting main div grow. since footer has constant height, try adding padding wrapper make main content div not eat footer, happens when turn of height: auto !important;
.
Comments
Post a Comment