#centerleftcontent {
position: absolute;
left:22%;
width:28%;
top:50px;
background:#fff;
}
This technique can actually be used to provide as many columns on a page as you like. Drawback #1) it gets difficult quickly if you want to make any of the columns a fixed width. Drawback #2) it relies heavily on percentages, which the various browsers all calculate differently, so you can't place your columns very precisely. Still, a very useful technique, especially if you don't want borders and different background colors for your columns. I first saw it in use at Statik Majik.
Scroll down for the source.
#centerrightcontent {
position: absolute;
left:51%;
width:28%;
top:50px;
background:#fff;
}
This page is part of CSS Layout Techniques, a resource for web developers and designers.
Other Layout Techniques:
3 columns, the holy grail
2 columns, ALA style
4 columns, all fluid
3 columns, all fluid
static width and centered
nested float
Does it validate?
#rightcontent {
position: absolute;
left:80%;
width:19%;
top:50px;
background:#fff;
}
Syntactically valid structuring implemetation, enhancement based reporting, technology development, proprietary incedentals administration are all areas of content modularization engaging visibility deficits.