CSS3 / Current Way to Implement Full Screen Layout

Discussion in 'CSS Forum' started by kriszna15, Apr 9, 2013.

  1. kriszna15

    kriszna15 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?
     

Share This Page