Friday 15th of December 2017 08:36:45 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


css



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



BODY {background-image: url(yinyang.gif);background-repeat: no-repeat;background-position: top right;}

Incidentally, the result, shown in Figure 6-37,would have been exactly the same had the position been declared asright top. When using theposition keywords, they can appear in any order, so long as there areno more than two of them, one for the horizontal and the other forthe vertical. isn't resized.

Figure 6-56

Figure 6-56. Centering still holds, even if the image is "fixed"

There is only one other value forbackground-attachment, and that's thedefault value scroll. As you'd expect, thiscauses the background to scroll along with the rest of the documentwhen viewed in a web browser, and it doesn't necessarily changethe origin image's position as the window is resized. If thedocument width is fixed (perhaps by assigning an explicit width to