Friday 23rd of June 2017 05:23:17 AM


#left {
position: absolute;
left: 0px;
width: 190px;
color: #564b47;
margin: 0px;
padding: 0px;
padding: 0px;

This column inherited it's background color from the body definition. Padding is defined through p.


3 columns / menu fixed, content and head dynamic.
3 columns layout grid. The navigation columns are fixed in their widths, the content column is dynamic and adjusts itself to the browser window.
The head box is dynamic in its height. It adjusts to the height of the logo.
more nice and free css templates

html {
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
#content {
margin: 0px 190px 0px 190px;
border-left: 2px solid #564b47;
border-right: 2px solid #564b47;
padding: 0px;
background-color: #ffffff;

Figure 6-51

Figure 6-51. The difference between starting a repeat from top left (left) and centering it (right)

Note the differences along the edges of the browser window. When thebackground repeats from the center, the grid is centered within theviewport, resulting in consistent "clipping" along theedges. The variations may seem subtle, but the odds are thatyou'll have reason to use both approaches at some point in yourdesign career.

In case you're wondering, there is no way to control the repeat