Monday 20th of November 2017 02:43:47 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



and margins) would still be 90% as tall as the containing block.

Similarly, if we specifically declare a height but leave bottom as auto, then something like Figure 9-7 will occur:

top: 0; bottom: auto; left: auto; right: 0; width: 33%; height: 45%;
Figure 9-7

Figure 9-7. Defining a height by using an explicit height

In this case, the placement of the bottom of the positioned element is the same as if we'd declared bottom:

Figure 8-21

Figure 8-21. Examples of negative vertical margins

You'll notice the "pulling" effect of negative topand bottom margins. This is really no different from the way in whichnegative horizontal margins cause an element to push outside of itsparent. Consider:

DIV {width: 400px; border: 1px solid black;}P.neg {margin-top: -50px; width: auto; margin-right: 10px;margin-left: 10px; border: 3px solid gray;}<DIV STYLE="width: 420px; background-color: silver;
it (usually) with selectors that list various table elements. For
example, in order to get all your table content to be red along with
your document's body, try this:

BODY, TABLE, TD, TH {color: red;}

This will often solve the problem. I say "often" because it doesn't always work, for reasons that are poorly understood. Navigator 4 has the most trouble getting it right, but its failures are not consistent. The best minds in CSS analysis have yet to come up with a recipe for predicting Navigator's behavior,

If you do float a text element, realize that unless you declare a width for that element, the CSS specification says that its width will tend toward zero. Thus, a floated paragraph could literally be one character wide, assuming that to be the browser's minimum value for width. In order to avoid this problem, make sure that you declare a width for your floated elements. Otherwise, you could get something like Figure 7-66.can never be higher than 900. Assuming, as wehave, that there are only two font faces available, then the textwould appear to be either Regular or Bold text, as we see in Figure 5-15:

<P>regular <SPAN> regular <STRONG> bold <B> bold<STRONG> bold </STRONG></B></STRONG></SPAN>.</P>