Skrillex - First Of the Year (Equinox) on Vimeo
Sep 07 7,569 views vimeo.com
Already a member? Sign in
Man from Montr饌l, Quebec, Canada
Bonjour, Bonsoir.
left
#left {
position: absolute;
left: 2%;
width: 19%;
top: 106px;
background-color: #ffffff;
}
Warning
These pages use certain CSS definitions that are unsupported by older browsers.
more nice and free css templates
middleleft
#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
#middleright {
position: absolute;
left: 51%;
width: 28%;
top: 106px;
background-color: #ffffff;
}
box border
Borders, pading and margin are defined in
#right,#middleright,#middleleft,#left{
border: 1px solid #564b47;
padding:0px;
margin:0px;
}
Font definitions
Padding are passed to p, h1 and h3.
p,h1, h3, pre {
padding: 5px 15px;
margin: 0px;
}
right
#right {
position: absolute;
left: 80%;
width: 18%;
top: 106px;
background-color: #ffffff;
}
open code
Use of this code is encouraged! (o_
Sep 07 7,569 views vimeo.com
Aug 02 0 views wordpress.com
Sep 24 60 views todaysbigthing.com
May 25 20 views maybememe.com
May 25 345 views burundi.sk
Jun 19 60 views youtube.com
Jun 14 1,260 views sciencenews.org
Jun 12 240 views youtube.com
Jun 04 23K views youtube.com
Apr 30 407K views browsershots.org
Apr 03 522K views ss64.com
Apr 03 171K views studenthacks.org
Apr 03 769K views everyvideogame.com
Apr 01 90K views futilitycloset.com
Apr 01 702 views pressmediawire.com
Apr 01 2.1M views moviecliches.com
Apr 01 349K views papervision3d.org
Mar 29 13K views news.com.au
Mar 28 77 views rationalresponder...
Mar 28 1.5M views popurls.com