Centrer un diaporama réactif

Question

J'utilise le diaporama sensible RefineSlide et je n'arrive pas à le centrer, il reste toujours à gauche de ma page.

#slideshow{ 
position: relative; 
width: 960px; 
height:auto; 
left: 50%; 
margin-left: -480px; 
} 

J'ai essayé d'ajouter ci-dessus à mon CSS, et bien que cela les centres avec succès, il est malheureusement plus réactif que quand je test sur l'iPhone le diaporama ne correspond pas à l'écran.

#slideshow{ 
position: relative; 
width: 100%; 
height:auto; 
} 

Lorsque je le style comme ça, il réagit ... mais reste sur la gauche. Qu'est-ce que j'ai besoin de changer avec ce CSS pour le centrer et le garder réactif?

Answer 1

Cela dépend un peu de votre autre balisage, mais en général cela suffit:

#slideshow { 
    margin: auto; 
    width: Npx; 
    /* also display: block if the element doesn't already have it */ 
} 

Sample.