Comment puis-je garder mon site de contenu de se déplacer pendant le zoom?

Je ne pouvais pas penser de la bonne formulation de cette question, mais voici mon problème:

Lorsque les utilisateurs appuyez sur Ctrl+Plus de faire un zoom sur ma page, le contenu semble pousser les uns les autres autour.
Par exemple, j'ai une navigation div flottant sur son propre sur le coin supérieur gauche de la page.

Puis il y a du contenu principal du texte est centré dans la page. Lorsque l'utilisateur effectue un zoom avant, l'centrée sur le contenu se déplace rapidement vers la gauche vers la navigation et finit par s'enroulant autour d'elle et c'est horrible.

Est-il un haut niveau de sorte que vous pouvez me décrire comment la structure de ma page pour que le zoom reste stable et à "zoome" sans fausser le positionnement original?

  • Le navigateur est ce comportement qui se passe dans?
  • Peut-être que la structuration de votre site web avec des tables peut résoudre votre problème.
  • La page? Comment êtes-vous le positionnement de vos éléments? Le navigateur, le type de zoom?
  • C'est dans n'importe quel navigateur. Mes principaux éléments sont positionnés dans les divs qui flottent à gauche. Les tableaux ne sont pas faits pour la mise en page du site.
InformationsquelleAutor joepetrakovich | 2011-12-09
  1. 2

    Ce lien de "A List Apart" couvre certains taille de police de fluide et de développement web. Il devrait te donner une bonne indication de la façon de structurer votre page pour s'adapter aux changements dans les tailles de police. Vous pouvez également regarder dans les media queries parce qu'ils vous permettent d'appliquer des styles à partir de certaines caractéristiques de l'appareil ou navigateur.

    • C'est ce dont j'avais besoin. Je vous remercie.
    InformationsquelleAutor Matthew Green
  2. 0

    Comment garder le code dans le centre de zoom?

    Centre le code sur le zoom?

    RÉPONSE:

    < div id="wrapper"> Placez cette balise div à l'extérieur le code < /div> 

       #wrapper
   {
   background-color: #F00;
   width: 400px;//This width can be anything according to your need
   margin-right: auto;//Note margin-right and left are allocated automatically
   margin-left: auto;
   }

    un Autre Moyen

       #wrapper
   {
   background-color: #F00;
   width: 400px;
   position:relative;
   }
    InformationsquelleAutor Isabella Engineer