Monday 06th of October 2008 02:56:48 PM
left
#left {
position: absolute;
left: 2%;
width: 22%;
top: 106px;
background-color: #ffffff;
}
Attention
These pages use certain CSS definitions that are unsupported by older browsers.
more nice and free css templates
middle right
#content {
position: absolute;
left: 25%;
width: 50%;
top: 106px;
background-color: #ffffff;
overflow: auto;
}
overflow: auto;
With overflow: auto;
With overflow: you can determine how overflowing content should be treated.
Values
visible = The element gets expanded to show the entire content.
hidden = The content will be cut if it overflows.
scroll = The browser should offer scroll bars.
auto = The browser should decide how to render the element. Scroll bars are allowed.
Older browsers do not know support this property.
IE does not support overflow:visible
While this is interesting enough, consider the case of elements
without a declared width, whose overall width
(including margins) is therefore dependent on the
width of the parent element.
As you can imagine, this leads to the possibility of
"fluid" pages, where the margins and padding of elements
right
#right {
position: absolute;
left: 76%;
width: 22%;
top: 106px;
background-color: #ffffff;
overflow: auto;
}
open code
Use of this code encouraged! (o_.)/
blank "spacing" table cell will be eliminated entirely.This will leave us with the following:We'll turn to the sidebar first. Each set of links is grouped
