Full Screen CSS With Minimum Size

I have created a layout in CSS/HTML with the following structure: Navigation in the footer scrolls the content horizontally to show two different screens. The screen content is fi

Solution 1:

Well, that should effectively make sure the body is always at least 700px. However, position: fixed will still anchor them to the bottom of the viewport, so you will essentially be only scrolling the background. I believe you want the header/footer bars to stick to the top and bottom, so you can always see the full content between them?

So, does something like this fiddle behave more like what you're looking for? http://jsfiddle.net/jblasco/qPB9k/8/

It uses a wrapper div that does the min-height, and uses absolutely positioned bars instead.