holy-grail-three-column.html.haml

!!! Strict
%html(lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml")
  %head
    %title Page Title
    %meta(http-equiv="Content-Type" content="text/html; charset=UTF-8")
    = stylesheet_link_tag :all
    = javascript_include_tag :all
    = csrf_meta_tag
    %style{ :type => "text/css" }
      :sass
        !lc_width = 200px
        !rc_width = 150px
        !min_width = !lc_width * 2 + !rc_width
        body
          min-width = !min_width
        #container
          padding-left = !lc_width
          padding-right = !rc_width
          .column
            position: relative
            float: left
        #center
          width: 100%
        #left
          width = !lc_width
          right = !lc_width
          margin-left: -100%
        #right
          width = !rc_width
          margin-right = -!rc_width
        #footer
          clear: both
        /*** IE6 Fix ***/
        * html #left 
          left = !rc_width
  %body
    #header
    #container
      #center.column
        = yield
      #left.column
      #right.column
    #footer