Posizionare centralmente div se la pagina cambia dimensioni

[nikasmac]

Ciao a tutti,

ho creato una mail, stile newsletter, e l'ho centrata nella pagina usando
position:absolute;
top:50%
left:50%
margin: (-metà dimensione div) 0 0 (-metà dimensione div).

Se aprò la pagina nel browser a tutto schermo allora è in centro, ma se riduco la finestra o scompare l header o non risulta più centrale. Soprattutto mi serve per chi riceve la newsletter visto che i client di posta hanno tutti le loro dimensioni.

Quello che chiedo è come fare a far si che la posizione della newsletter rimaga centrale e si adatti a tutte le dimensioni.

Spero di essere stato chiaro.

Grazie

Ciao

[carlomarangoni]

Il codice per centrare va bene! É ovvio che non funziona se non dai delle dimensioni fisse al div.

Questo è sbagliato!
margin: (-metà dimensione div) 0 0 (-metà dimensione div)

Giusto

margin: 0 (-metà dimensione div) 0 0 (-metà dimensione div)

[nikasmac]

Ciao,

Cioè se avessi un div con width 300px allora è giusto far così?

position:absolute;
top:50%;
left:50%
margin:-150px 0 0 -150px

Grazie

[sgogghy]

Si è giusto così, ma tu vorresti che la pagina, a dimensioni diverse si adatti in larghezza e in altezza?
Se è così, allora i valori di width e height devono essere in percentuale.

[nikasmac]

Si si vorrei fosse cosí. Quindi in percentuale fissa sul 100 o meno o dipende?

Grazie

[carlomarangoni]

I valori è meglio siano fissi non in percentuale!

Così non va bene!

margin:-150px 0 0 -150px

Così va bene

margin: 0 -150px 0 -150px

Quando posti del codice usa il tag [CODE]

[sgogghy]

Ma se usa dimensioni fisse come fanno ad adattarsi i componenti?

[carlomarangoni]

Originariamente inviato da sgogghy
Ma se usa dimensioni fisse come fanno ad adattarsi i componenti?

Un div di 300x300 è sempre al centro anche se cambia la risoluzione del monitor considerato che una pagina non è mai più piccola di 300

[nikasmac]

Ho provato e funziona.

Grazie mille!

[sgogghy]

Originariamente inviato da carlomarangoni
Un div di 300x300 è sempre al centro anche se cambia la risoluzione del monitor considerato che una pagina non è mai più piccola di 300

Ah bè così è facile