CSS3 / Current Way to Implement Full Screen Layout


New Member
I'm looking to implement a full screen layout that works on mobile devices and desktops without JavaScript. \[code\]|---|------------|| | <---> ||---|------------|| | <---> || ^ | ^ || | ||---| scroll || | ||---|------------|\[/code\]The left part is a fixed width, the right part scales horizontally. The whole design scales vertically. The header and footer heights are fixed. The large area is scrollable while the rest is fixed.I'd know how to implement this with absolute / fixed positioning, etc. Is there a better way with the new techniques of CSS3 that have support for this kind of layouts?