[CSS] pagina compatibile con qualsiasi risoluzione

[KingWoody]

Salve ragazzi,

sto realizzando una pagina in HTML - CSS . Tuttavia, dopo svariate prove, non sono riuscito a capire come fare per ottenere una pagina compatibile con qualsiasi risoluzione. Se esprimo in % le dimensioni, tutti gli elementi dei vari div vanno per conto proprio. Se li esprimo in px restano dove sono ma se metto dimensioni troppo grandi su un netbook, o comunque un pc con uno schermo piccolo, si vede a metà. Mentre, al contrario, se faccio uno stile ottimizzato per netbook su un pc con uno schermo magari di 22" si vedrebbe troppo piccolo.
Non ho proprio la più pallida idea su come procedere.
Qualcuno di voi saprebbe aiutarmi?

[LuigiMem]

Per fare in modo che un elemento abbia una dimensione "relativa" alla risoluzione dello schermo
si usa l'unità di misura "em";

esempio:

css:
.testo {
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
}

html:
<span class="testo">ciao</span>

l'unità "em" farà in modo che la "proporzione" del testo "ciao" rispetto alla "risoluzione dello schermo" rimanga invariata...

ciao

[ac_socmel]

em fa riferimento al font prefissato dal contenitore genitore oppure in alternativa prefissato nelle preferenze del browser
non ha alcuna relazione con la risoluzione dello schermo

riguardo al problema la soluzione di "moda" è usare le media-queries

[LuigiMem]

chiedo scusa, hai ragione ;-) non so dove avevo letto sta roba! ma ho fatto una ricerca e in effetti non centra, son sicuro di aver letto un unità di misura che ha a che fare con la risoluzione dello schermo....rileggerò qualche vecchio appunto di lavoro..

ciao