Salve a tutti.
Avrei un problema: sto costruendo una homepage e mi trovo con un layout di due colonne. Fin qui tutto bene. Ora, io vorrei lasciare un po' di bordo tra gli elementi della prima colonna e il margine sinistro della pagina. Però vorrei che questo bordo si adattasse allo schermo dei vari dispositivi con cui accederanno (Se metto una misura in pixel, schermi molto piccoli faranno fatica a leggere i contenuti, che saranno spostati sulla destra e schermi grandi si troveranno con un margine sproporzionato).
Per ovviare a ciò ho messo un valore in percentuale, e nel file css ho scritto:

codice:
div#navigation{
    position: absolute;
    top: 150px; /*l' altezza dell' header*/
    left: 10%;
    width: 180px;       }
Perfetto: se ho schermi piccoli il margine è piccolo, se ho schermi grandi il margine è grande

Il problema nasce quando io devo dire dove mettere gli elementi che nel file html stanno dentro #content
Io vorrei che stessero a 5 px da dove il browser visualizza la colonna #navigation.

Come glielo spiego?

Grazie,

Lorenzo