Centrare div senza ridimensionamento dell'immagine in background

[ric999]

Ciao a tutti, mi trovo in difficoltà a tenere centrato un blocco div che ha all'interno una sequenza di immmagini che scorrono in fade.
Qualcuno riesce ad aiutarmi?

Questo è l'url della pagina:
http://ricette111.altervista.org/div.html

Grazie

[JErikaM]

quali sono le proprietà che hai impostato al div in questione?
se il contenitore ha una width fissa puoi impostare i margini left/right del tuo div (all'interno del contenitore) ad auto e questo sarà in automatico centrato...

[Andrea44]

Prova con:

margin:0 auto;

[ric999]

Ho provato così e sembra funzionare:

<STYLE type="text/css">
#wrap{
    position:fixed;; 
    z-index:-1; 
    top:0; 
    left:0; 
    background-color:black
}
#wrap img.bgfade{
    position:fixed;
    display:none;
    width:1024px;
    height:690px;
    z-index:-1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
</STYLE>

Questo è il risultato: http://ricette111.altervista.org/div.html.

Unico problema sui browser dei dispositivi mobili non si vede, la visualizzazione non è al centro. Qualcuno saprebbe spiegarmi come mai Safari iOS e il browser di Android non visualizzano correttamente la pagina?

Grazie