-1

The div container .wrapper under #Wrapper must fill the space between header and footer. So it should get the height of the #Wrapper container.

jsFiddle Example - UPDATE

Could you help me?

ROMANIA_engineer
  • 54,432
  • 29
  • 203
  • 199
invictus
  • 825
  • 1
  • 9
  • 33
  • 1
    could this be useful? http://stackoverflow.com/questions/23639798/html-5-div-position/23640151#23640151 – valerio0999 May 14 '14 at 13:34
  • Hi, I've also thought about using jquery. I came along with a similar solution http://jsfiddle.net/5d9R7/. Works fine as long as you don't reduce the size of the window. any ideas? – invictus May 14 '14 at 13:52

1 Answers1

1

The easy way, because your header and footer have specific heights, is to do the following:

// Add the following to #wrapper

#wrapper {
  position: absolute;
  top: 200px;
  left: 0;
  right: 0;
  bottom: 200px;    
  // IMPORTANT
  // REMOVE the following rule:
  // min-height: 100%;      
}

Remember to remove the min-height: 100%; from #wrapper

Here's a fiddle. Good luck...

stephenmurdoch
  • 34,024
  • 29
  • 114
  • 189
  • the footer has not a specific height. only min-height. That's the problem here. also top 200px won't work because (sry i forgot to say this) there will be a navigation bar with a adaptive height. – invictus May 14 '14 at 11:55