Friday 23rd of March 2018 12:10:35 AM


#left {
position: absolute;
left: 2%;
width: 22%;
top: 106px;
background-color: #ffffff;


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.


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

only a single background image, it's much easier to see howpositioning affects the placement of the first background image. Wedon't have to prevent the background image from repeating,though:

BODY {background-image: url(bigyinyang.gif);background-position: -150px -100px;}

So, with the background repeating, we can see from Figure 6-48 that the tiling pattern starts with theposition specified by background-position. Thisfirst image is known as the origin to float outside of their parent's content area. It also makes it seem like the term "containing block" should really be "positioning context," but since the specification uses "containing block," so will this text. (We do try to minimize confusion. Really!)

9.1.1. Positioning Schemes

You can choose one of four different types of positioning by using the