Le due colonne sono quasi sempre precedute da una sezione di intestazione comune contenente logo, titolo, sottotitolo, …
............
La sezione #contenuto semplifica il posizionamento delle due colonne precedenti rispetto all’intestazione 
body
{
margin: 0px;
padding: 0px;
}
#intestazione
{
margin:20px; padding:20px;
background-color:#DDFFFF;
}
#contenuto
{
position:relative;
margin:20px;
}
#menu
{
position:absolute;
top:0px;
right:0px;
width:180px; background-color:#FFFFDD;
}
.info
{
margin:0 200px 20px 0; background-color:#FFDDFF;
}
Bisogna utilizzare una combinazione appropriata di position, margin, left, right... ma con MS IE non da i risultati attesi.
Una nuova combinazione… porta a risultati omogenei con i due browser di riferimento
body
{
margin: 0px;
padding: 0px;
}
#intestazione
{
margin:20px; padding: 20px;
background-color:#DDFFFF;
}
#contenuto
{
position:relative;
}
#menu
{
position:absolute;
top:0px;
right:20px;
width:180px; background-color:#FFFFDD;
}
.info
{
position:relative;
left:20px;
margin-right: 240px; background-color:#FFDDFF;
}