To Examples

Position Example

Source code file: app/assets/stylesheets/position.scss:

body { font: normal 150% Verdana; 
       color: #333333; 
       background: #e0e0e0; }

h3 { color: #990000; }

#a { position: static;
     background-color: #fff0f0;
     padding: 0.5cm;
     left: 20cm;
     top: 20cm;
     width: 5cm;
     height: 2cm; }
     
#b { position: absolute;
     background-color: #ffffa0;
     padding: 0.5cm;
     left: 13cm;
     top: 3.5cm;     
     width: 7cm;
     height: 3cm; }
        
#c { position: relative;
     background-color: #f0ffff;
     padding: 0.5cm;
     left: 3cm;
     top: -0.5cm;
     width: 7cm;
     height: 2cm; }

#d { position: fixed;
     background-color: #f0f0ff;
     padding: 0.5cm;
     left: 13cm;
     top: 10cm;     
     width: 7cm;
     height: 3cm; }

#f { position: static;
     padding: 0.5cm;
     background-color: #f0fff0;
     width: 10cm; }