Thursday 22nd of March 2018 04:38:01 PM


#left {
position: absolute;
left: 2%;
width: 19%;
top: 106px;
background-color: #ffffff;


These pages use certain CSS definitions that are unsupported by older browsers.
more nice and free css templates


(Uniform Resource Locator).  A URL specifies a  schemethat tells the browser how to handle the file to be received from the server,the server name, and the path and filenameof the file on the server.  Common URL schemes include:


#middleleft {
position: absolute;
left: 22%;
width: 28%;
top: 106px;
background-color: #ffffff;

Calculations in your head

This example requires some calculations. The sum of the widths yields 98%. The distance from the border of body to the first box plus its width plu the distance yields the left position of the next box.

If you want boxes of different width you need to adjust these values accordingly.

Use of this code is encouraged!

Try it with 2 or 3 columns


#middleright {
position: absolute;
left: 51%;
width: 28%;
top: 106px;
background-color: #ffffff;

box border

Borders, pading and margin are defined in

border: 1px solid #564b47;

Font definitions

Padding are passed to p, h1 and h3.

p,h1, h3, pre {
padding: 5px 15px;
margin: 0px;

100px , then the right margin will be set by theuser agent to auto:

P {margin-left: 100px; margin-right: 100px; width: 100px;}

It will then evaluate to 200px , as shown in Figure 8-12.

Figure 8-12

Figure 8-12. Overriding the margin-right setting


Note that margin-right is forced to beauto only for left-to-right languages such as