01   body, html {
02   background-color:#ffffcc;           //цвет фона странички ...     
03   background-image:url(*.*);        //...или - картинка вместо фона
04   margin:0px;
05   padding:0px;
06   text-align:center;                          //ориентация текста
07   height: 100%;
08   }
09   a {color:#00ced1;text-decoration: none;}//цвет ссылки...без подчёркивания
10   a:hover {color:#ff1493;text-decoration: none;}//цвет ссылки при наведении
11   * html #box {height: 100%;}
12   #box {
13   min-width:600px;
14   width:expression((document.compatMode && document.compatMode == 'CSS1Compat')?
       (document.documentElement.clientWidth < 600 ? "600px":"auto"):(document.body.clientWidth < 600 ? "600px":"auto"));
15   margin:0 auto;
16   min-height: 100%;
17   font-family:American Ttyperite Light, Verdana; 
18   }
19   #head{
20   background-color:#00ff7f;      //цвет фона контейнера
21   height: 100px;
22   color:#cc9933;                        //цвет шрифта контейнера
23   font-size:40px;                       //размер шрифта
24   }
25   #left{
26   background-color:#00ffff;
27   border: solid 0px #;          //граница секции (нет) и её цвет
28   width:230px;                    // ширина контейнера
29   float:left;                                 //ориентация контейнера
30   font-size:20px;
31   }
32   #right{
33   background-color:#00ffff;
34   border: solid 0px #;
35   width:230px;                             
36   float:right;
37   font-size:20px;
38   }
39   #text{
40   border: solid 0px #;
41   background-color:#f0e68c;
42   margin-left:230px;                      // залаём только отступ с лева ...
43   margin-right:230px;                    //...и с права на ширину крайних контейнеров
44   text-align:left;
45   padding:10px;                             // отступ "содержимого" от всех сторон контейнера
46   font-size:30px;
47   }
48   #rasporka{
49   background-color:#fa8072;
50   clear:both;
51   height: 32px;               // заданная высота и ...
52   margin-top:-32px;      //...отрицательный отступ (с верху) - создают эффект демпфирования, а...
53   width:100%;
54   margin-left: auto;         //...auto-ориентация, относительно "боков" странички... 
55   margin-right: auto;       //...этот эффект усиливает
56   text-align:center;
57   font-size:20px;
58   }
59   #footer {
60   height: 50px;                   
61   font-size:30px;
62   } 
                                           Рис.3