Layout 2 colonne

Un layout di un certo successo comprende, oltre alle normali informazioni dall’alto verso il basso, una colonna a sinistra con l’elenco dei link principali, il menu …

Meglio resettare le distanze del browser…

body
{
    margin: 0px;
    padding: 0px;
}

Il menu è largo 180 pixel e distante 20 px da destra

#menu
{
    position:absolute;
    top:20px;          
    right:20px;
    width: 180px;                  background-color:#FFFFDD;                    
}

Le informazioni hanno un margine di 220 px (180+20+20) dal bordo destro

.info
{
     margin:20px 220px 20px 20px;  background-color:#FFDDFF;
}

Forse il menu più diffuso è quello a sinistra…