Sunday 28th of May 2017 06:26:07 PM


#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;
is one-half ex above the baseline, where the valueof ex is derived from thefont-size of the parent element. An example isshown in Figure 4-37:

IMG {vertical-align: middle;}
Figure 4-37

Figure 4-37. Middle alignment

In practice, since most user agents treat 1ex asone-half em, middle will cause the verticalmidpoint of an element to be aligned with a point one-quarter em border-left: 2px solid #564b47; border-right: 2px solid #564b47; padding: 0px; background-color: #ffffff; }

P {color: #333;}PRE, CODE, TT {color: rgb(50%,50%,50%); background-color: #FFFFCC;}A:link {color: blue; background-color: yellow;}A:visited {color: navy; background-color: white;}
Figure 6-20

Figure 6-20. The results of a more sophisticated style sheet

This is but the tiniest beginning of what's possible, ofcourse. By all means, try some examples of your own!

to its left.

This rule also prevents floated elements from overlapping each other. Let'ssay you have a BODY that is 500 pixels wide, andits sole content is two images that are 300 pixels wide. The first isfloated to the left, and the second to the right. This rule preventsthe second image from overlapping the first by 100 pixels. Instead,the second image is forced down until its top is below the bottom ofthe left-floated image, as depicted in Figure 8-32.