Padding in funzione delle impostazioni dello schermo

[guidino]

Ciao a tutti,
è possibile impostare il padding di sinistra di un div a seconda delle impostazioni di risoluzione dello schermo?

Per esempio se la risoluzione è 800x600 vorrei impostare il padding a 10;
se invece la risoluzione dello schermo è 1024x768 vorrei impostare il padding a 30.

In alternativa, potete indicarmi quale strada seguire per ottenere questo risultato?

Questo è il mio div#pagina:

div#pagina
{
    font-size: 12px;
    margin: 0;
    background: #FFFEF6;
    /*width: 625px;*/
    width: auto;
    /*float: left;*/
    padding: 20px 10px 10px 15px;
    display: block;
    height: auto !important;
    min-height: 528px;
    overflow : hidden;
    border-left: 1px solid #000;
}


Grazie
 :ciauz: 

[Gufo]

Originariamente inviato da guidino
Ciao a tutti,
è possibile impostare il padding di sinistra di un div a seconda delle impostazioni di risoluzione dello schermo?

Per esempio se la risoluzione è 800x600 vorrei impostare il padding a 10;
se invece la risoluzione dello schermo è 1024x768 vorrei impostare il padding a 30.

In alternativa, potete indicarmi quale strada seguire per ottenere questo risultato?

Questo è il mio div#pagina:

div#pagina
{
    font-size: 12px;
    margin: 0;
    background: #FFFEF6;
    /*width: 625px;*/
    width: auto;
    /*float: left;*/
    padding: 20px 10px 10px 15px;
    display: block;
    height: auto !important;
    min-height: 528px;
    overflow : hidden;
    border-left: 1px solid #000;
}


Grazie
 :ciauz: 

Se il tuo scopo e centrare il div nella pagina a secondo della risoluzione, non devi utilizzare il padding ma i margini negativi

Se invece il tuo scopo è un'altro allora serve uno script in js che rilevi la risoluzione utilizzata e imposti il css adeguato

[guidino]

Il div#pagina sta dentro a questo contenitore

div#contenitore
{
    margin: auto auto;
    width: auto;
    border: 1px solid #000000;
    padding: 0;
    background: #CBCBAD;
             height: auto !important;
    min-height: 528px;
    overflow : hidden;

} 

div#contenitore già si centra nella pagina.
Il mio scopo è gestire i margini di div#pagina a seconda della risoluzione dello schermo in modo dal lasciare gli stessi spazi a destra e a sinistra.
Sai dirmi come si fa?

Grazie

[ricman]

Originariamente inviato da guidino
se la risoluzione è 800x600 vorrei impostare il padding a 10;
se invece la risoluzione dello schermo è 1024x768 vorrei impostare il padding a 30.

Nè l'(x)html nè i css ammetto i "SE". Ti serve un linguaggio dinamico