Example of three-column div+css layout in full screen
Here's the code:
nice and free CSS Template 7
MENU
#left {
Position:absolute;
left:0px;
width:190px;
Color: #564b47;
margin:0px;
padding:0px;
}
this column inherited it ' B background color from the body definition.
The padding ist defined through the P element.
MENU
#right {
Position:absolute;
right:0px;
width:190px;
Color: #564b47;
margin:0px;
padding:0px;
}
CONTENT
3 columns/menu fixed, content dynamic with head and footer.
3 Column Layout grid. The navigation column are fixed in width, the content column is dynamic and adjusts
itself to the browser window.
this layout also works with a absolute height template 100% height< ; br/>
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;
}
In Valid code we (* ^_^ *) Miss Monorom
|
The following is the HTML page special effects code, click the Run button to see the effect:
[Ctrl + A ALL SELECT hint: You can modify some of the code, and then run]
