Saturday 04th of July 2009 02:32:46 AM

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



which other elements cannot also exist and in which the parentelement's background is visible. For example, look at Figure 7-5, which shows the difference between twoparagraphs without any margins, and the same two paragraphs with somemargins.

Figure 7-5

Figure 7-5. Paragraphs with, and without, margins

The simplest way to set a margin is by using the propertymargin.

words, the smaller of the two margins is eliminated in favor of thelarger. Figure 7-16 shows the difference betweencollapsed and uncollapsed margins.

Figure 7-16

Figure 7-16. Collapsed versus uncollapsed margins

Correctly implemented user agents will collapse the verticallyadjacent margins, as shown in the first list in Figure 7-16, where there are 15-pixel spaces between eachlist item. The second list shows what would happen if the user agentdidn't collapse margins, resulting in 25-pixel spaces betweenlist items.between the two.