Sunday 06th of July 2008 01:22:27 PM

left

#left {
position: absolute;
left: 2%;

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



margin

WARNING

Percentage values refer to width of the parent element.

Suppose wewish to set a quarter-inch margin on H1 elements,as illustrated in Figure 7-6. (A background colorhas been added in order to be able to see the edges of the contentarea.) For example:

font-weight is still 100. Thus, the SPAN text (which is set to be bolder) will inherit the value of 100 and then evaluate to the next-heaviest face, which is the Bold face and which has a numerical weight of 700. Figure 5-11 shows us the visual result of all this.

Figure 5-11

Figure 5-11. Greater weight will usually confer visual boldness

Let's take this all one step further, and add two more rules,
<BR CLEAR=LEFT>
You can stop text wrapping by including a CLEAR attribute in aline-break tag. 
Move your mouse over the image and you'll see the text that's specifiedin 
the ALT attribute.

For better layout control, specify image dimensions, horizontal andvertical padding space (in pixels, 72 pixels/inch), alignment, etc. Ugly Guy!Specifyingimage dimensions lets the client browser block out the space and composethe page quicker.