Page centrale sur Blackberry pour site mobile

Question

J'ai un site mobile qui fonctionne sur tous les navigateurs avec lesquels je l'ai testé. Bien que sur un Blackberry la page entière semble s'aligner sur la gauche plutôt que dans le centre.

Existe-t-il une façon spécifique de l'aligner sur le milieu comme tout le reste? Pouvez-vous utiliser des conditions comme vous le feriez avec IE? Ai-je besoin de cibler l'étiquette du corps à la place?

À l'heure actuelle, il s'agit simplement d'une simple marge: 0 auto; - Toute aide est appréciée. Merci.

Answer 1

Essayez d'envelopper le conteneur/contenu que vous souhaitez centrer dans un autre élément avec l'alignement de texte défini au centre. Par exemple.

< div style = "text-align: center; largeur: 100%;" > < div id = "myContent" style = "largeur: 50%;" > </div > </div >

Answer 2

Je suis tombé à l'origine sur cette question en demandant la même chose, alors je compris une solution (pour mon cas particulier), que je pensais que je partage. (Note: mon site aligné à gauche dans Safari sur mon iPhone.)

J'ai divisé mon site en sections, dont certaines ont été définies à min-width: 1140px tandis que d'autres à 960px. Avec les marges gauche et droite réglées sur auto, tout est apparu centré sur tous les navigateurs de bureau, comme il se doit. Cependant, les sections plus étroites étaient alignées à gauche sur mobile, donc je les ai simplement enveloppées dans un div avec largeur: 100%, min-width: 1140px (ou votre section la plus large), margin: 0 auto; et tout est aligné normalement sur mobile :)