Question

I have two divs (red and yellow). Red div has 100% height and Yellow div in fixed 1000 pixel. I want red div 100% of the window screen even I scroll down the page, but it is not taking 100% height of the browser screen. I tried to find so many examples but failed to resolve my issues. Please guide…

Here is the example i have done.

http://jsfiddle.net/awaises/Ff6v5/

Answer 1

Is this what you want?

Then you need to change three things:

1. body’s and html’s height to min-height;
2. body’s and html’s position to relative;
3. you don’t need !important in .left-menu’s height.