Div+css A very good example of a three-column floating menu
Here's the code:
free CSS Template 5
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.
MENU
#right {
Position:absolute;
right:0px;
width:190px;
Color: #564b47;
margin:0px;
padding:0px;
}
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 was 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;
}
|
Here is the HTML scripting Effect code, click the Run button to view the effects:
[Ctrl + A ALL SELECT hint: You can modify some of the code, and then run]
