position:absolute e allineamento centrato

[alfa_19]

Salve : io avrei bisogno di settare i parametri di un immagine in questo modo :

- il posizionamento deve essere absolute con una distanza dal top di 200px
- l'allineamento deve essere centrato in qualsiasi tipo di finestra

è possibile fare coesistere queste 2 cose?

[Mich_]

Premetto che non amo i posizionamenti, per gli effetti collaterali che possono avere.

Comunque la cosa e` possibile.
Data l'immagine con codice:
[img]...[/img]

Il CSS deve contenere:

#miaimmagine {
  position: absolute;
  width: XXXpx;
  left: 50%;
  margin-left: -YYYpx;
  top: 200px;
}

dove XXX e` la larghezza dell'immagine e YYY (con il segno meno davanti) e` la meta` di XXX

Naturalmente il contenitore (il blocco che contiene il tag <img>) deve essere posizionato e deve avere una larghezza definita, altrimenti la cosa non funziona.

[alfa_19]

e se io non sapessi a priori la larghezza dell'immagine?

[Mich_]

Che io sappia quello e` l'unico modo di centrare con posizionamento assoluto.
Pero` se inserisci l'immagine con un programma lato server (PHP, ASP, ecc), il programma e` in grado di capire le dimensioni dell'immagine e inserire il CSS in modo opportuno (eventualmente anche tramite l'attributo style= del tag).


Invece e` piu` semplice se non usi posizionamenti, perche` il lavoro lo lasci fare al browser tramite margini automatici.

Ad esempio lo stesso effetto lo ottieni con:

#miaimmagine {
  margin: 200px auto 0 auto;
}

(se l'immagine e` il solo oggetto contenuto nel blocco - anche in questo caso il blocco deve avere larghezza definita).

[alfa_19]

e se invece io volessi fare quello che ti ho detto sopra con position:relative cambierebbe qualcosa?

[alfa_19]

ho risolto usando il relative.

grazie dell'aiuto comunque

[Mich_]

E` difficile che la cosa funzioni in tutti i browser se provi a caso.
I posizionamenti sono una delle cose piu` complesse quando si usano i CSS, e andrebbero usati solo quando e` strettamente necessario.

Il mio consiglio e` di NON usare i posizionamenti (cioe` usare il posizionamento statico).
Comunque se vuoi usare i posizionamenti devi per lo meno aver digerito questi articoli:
I posizionamenti assoluti
Capire i posizionamenti relativi