Sunday 28th of May 2017 06:25:23 PM


#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. Scaling the line heights

There's an even better way to setline-height, as it turns out, and that's touse a raw number as the value of line-height. Thisis so much better because the number is used as a scaling factor, andit is the factor that is inherited, not the computed value.Let's say you want the line-height of allelements in a document to be one-and-one-half times their

Older browsers do not know support this property.
IE does not support overflow:visible

BODY {font-size: 10pt;}DIV {line-height: 1.5;}P {font-size: 18pt;}

When a number is used, the scaling factor is inherited instead of acomputed value. This factor is applied to the element and all of itschild elements, so that each element has aline-height calculated with respect to its ownfont-size, as demonstrated in Figure 4-25:


What's depicted in Figure 9-2, and in most of the examples in this chapter, will only work if the containing block was established by an element with an explicitly defined height. This is because a line in the specification says that if the height of the containing block is not explicitly specified -- say, for example, that it's dependent on the content of the element, as in a normal paragraph -- then both top and bottom for any positioned element within thatwindow is resized in any version of Navigator 4.

The script used for this trick was adopted from a technique presentedin the Netscape Developer's Edge article "DeterminingBrowser Type and Version with JavaScript" at (

11.2.11. Serving CSS Up Correctly


STRONG {color: rgb(255,128,128);}




UA specific



Applies to

the point in the image which can be described as 50% 50% is lined up with the point in the element that can be described the same way. This is shown in
Figure 6-40.

Figure 6-40

Figure 6-40. Lining up the center of the image with the center of the browser window

Thus, if you want to place a single background image a third of the way across the element and two-thirds of the way down, then your declaration would be: