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

Popular posts from this blog

python - Scipy curvefit RuntimeError:Optimal parameters not found: Number of calls to function has reached maxfev = 1000 -

c# - How to add a new treeview at the selected node? -

java - netbeans "Please wait - classpath scanning in progress..." -