[CSS] Posizionamento immagini

[dAbOTZ]

Qua la pagina, qui sotto il css:

#logoscin
{
	position : absolute;
	left : 33%; 
	z-index : 1;

}

Esiste un modo per centrare orizzontalmente un'immagine coi css? 33% va bene per quell'immagine e per una risoluzione 1024x768, se metto 50% non la centra perche` la centratura inizia dall'estrema sinistra dell'immagine stessa. Come si fa? Sono costretto a usare un div align indipendente dai css e usare questi ultimi per tutto il resto?

[pela]

invece di posizionare il div prova

#logoscin
{
	text-align: center;
}

[dAbOTZ]

Grazie, nel frattempo ho provato cosi` e funziona:

#logoscin
{
	position : absolute;
	left : 50%; 
	z-index : 1;
	margin-left: -153px; 


}

margin-left: larghezza_gif/2 px

[pela]

così se cambi immagine devi modificare il css...

[dAbOTZ]

Uh, giusta obiezione.. ma se uso il text-align: center poi ogni altra immagine mi va sotto.. guarda la pagina ora

[pela]

scusa ma non puoi mettere la seconda immagine nello stesso div accanto alla prima (così viene a fianco)?

[dAbOTZ]

Certo, ma vorrei capire se lo stesso risultato si puo` ottenere facendo uso solamente di css e un div diverso per ogni immagine.. boh? Ho uppato la pagina usando il css col margin-left e il center a 50%.. si potra` evitare di usare tali parametri (il margin-left, come hai giustamente osservato, e` scomodo) e ottenere lo stesso risultato senza usare un unico div?

[pela]

:master: non lo so, comunque perché vuoi un div per immagine? Tra l'altro i div non servirebbero nemmeno, visto che gli stili si possono anche applicare direttamente alle immagini...

[dAbOTZ]

Direttamente alle immagini? Come?

[pela]

metti l'id al tag img invece che al div, però ripensandoci forse non conviene perché qualche browser non recente potrebbe non supportarlo (su questo non so dirti altro purtroppo)