dimensioni dinamiche di un <div></div>

[SpinoWeb]

Voglio mettere un'immagine in un div.
Il div deve avere dimensioni uguali a quelle dell'immagine se questa è più piccola della risoluzione dello schermo, viceversa se l'immagine è più grande della risoluzione le dimensioni del div devono essere uguali proprio alla risoluzione dello schermo.
Come si può fare?

[Mich_]

Se ti basta una soluzione che non funziona in IE, si puo` fare semplicemente con i CSS:

<div style="min-width:XXXpx; min-height:YYYpx;"><img ... /></div>
Dove XXX e YYY sono le dimensioni dell'immagine in px.

Altrimenti occorre fare un conto in JS.

[SpinoWeb]

Originariamente inviato da Mich_
Se ti basta una soluzione che non funziona in IE, si puo` fare semplicemente con i CSS:

<div style="min-width:XXXpx; min-height:YYYpx;"><img ... /></div>
Dove XXX e YYY sono le dimensioni dell'immagine in px.

Altrimenti occorre fare un conto in JS.

il fatto è che le dimensioni dell'immagine se le dovrebbe calcolare il codice javascript ed in base a queste settare le dimensioni del div.

[Mich_]

Quindi stai chiedendo come settare le dimensioni di un div (o altro oggetto) esitstente?

document.getElmentById('ID_OGGETTO').style.width = VARJSX+'px';
document.getElmentById('ID_OGGETTO').style.height = VARJSY+'px';

Dove VARJSX e VARJSY sono due varibili JS che contengono numeri interi.

Nota che non ci devono essere width="..." e height="..." nel tag di definizione dell'oggetto, ma eventualmente solo dimensioni impostate tramite CSS.