Using-a-Layout-with-Grids-CSS

YUI Library JavaScript DHTML


            




Using a Layout with Grids CSS

/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
  margin:0;
  padding:0;
}
#hd, .yui-layout-unit-top {
    background-color: blue;
    color: white;
}
#bd, .yui-layout-unit-center {
    background-color: #f2f2f2;
}
#ft, .yui-layout-unit-bottom {
    background-color: red;
    color: #fff;
}
#nav, .yui-layout-unit-left {
    background-color: #808080;
}










   YUI: CSS Grid Builder


   
        
          
                
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.