Div 100% height in the center of the screen

To try to illustrate, I created the following code:http://jsfiddle.net/Ridermansb/SUcmH/4/embedded/result/
  • Yellow: This is the menu, is correct!
  • Green: This is the footer, is correct! Must always be the bottom: 0 (or when the site is greater, must be pushed down!)
  • Blue: Is the background of website! Is partially correct! It should take only the side of the site.
  • Red: This is where will the contents of the site. It should go to the end of the site (without content)\[quote\] Something like height: 100% but below the footer!
Basically like that red occupies the entire center of the screen!\[/quote\]
 
Back
Top