Saturday 04th of February 2012 06:51:12 PM
MENU
#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.
CONTENT
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 {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
#content {
margin: 0px 190px 0px 190px;
border-left: 2px solid #564b47;
border-right: 2px solid #564b47;
padding: 0px;
background-color: #ffffff;
}
WARNING
Anything this useful has to have a drawback, right? As it happens,Internet Explorer 3.x willtreat scaling factors as though they were pixel units. Just try toimagine a paragraph with a line-height of1.5px . It isn't pretty.
Well, don't change that thinking when you're using CSS.
If you use CSS to set the color of all hyperlinks (both visited and
unvisited) to be blue, then that's what
they'll be. In the same way, if you use styles to set the
background of a page to be green, then the entire
page background will be the same shade of green throughout the entire
document. If you set the background of H1 elements
to be navy, then the whole background of every
H1 will be the same dark blue color.
Finally, we turn to length values
for positioning. When you supply lengths for the position of the
background image, they are interpreted as offsets from the top left
corner of the element. The offset point is the top left corner of the
background image; thus, if you set the values 20px
30px , the top left corner of the background image
will be 20 pixels to the right of, and 30 pixels below, the top left
corner of the containing element, as in Figure 6-43:
BODY {background-image: url(bg23.gif);