centrare immagine con position:absolute;

[eryedie]

ciao!
ho un problema piuttosto strano e non riesco a capire dove sbaglio:
semplicemente, dovrei centrare nel browser un'immagine.
Per farlo utilizzo il seguente codice:

#photo1 {
position:absolute;
width:750px;
height:500px;
left:50%;
top:50%;
margin-left:-375px;
margin-top:-250px;
}

solo che, invece di centrarmela nella pagina, me la spara nell'angolo superiore sinistro, la fa uscire dal browser e la taglia sia orizzontalmente che verticalmente...

cosa sbaglio??
grazie 1000

[eryedie]

dimenticavo (nel caso servisse...) nell'HTML l'immagine è inserita così:

[img]photos/01.jpg[/img]

[carlomarangoni]

Quando posti del codice usa il tag [CODE]

#photo1 {
position:absolute;
width:750px;
height:500px;
left:50%;
top:50%;
margin: -250px 0 0 -375px;
}

[Mich_]

Da come descrivi la cosa potrebbe essere che manca un
position: relative;
nel contenitore in cui l'immagine deve venir centrata
Inoltre a tale contenitore vanno definite le dimensioni.