Friday 23rd of June 2017 05:24:06 AM


#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



#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;
SELECT lists, although user agents aren'tvery good about that sort of thing yet -- in fact, as of thiswriting, nobrowser will correctly place images in thebackgrounds of form elements.


Just like background-color,background-image is not inherited -- in fact,none of the background properties are inherited. Remember also that }

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;

a lowercase letter in the source. This may remind you rather stronglyof text-transform: uppercase, withthe only real difference that here, the uppercase letters are ofdifferent sizes. That's true, but the reason thatsmall-caps is declared using a font property isthat some fonts have a specific small-caps face. Thus, a fontproperty is used to select that face.

What happens if no such face exists? There are two options providedin the specification. The first is for the user agent to create a