Problème de marge/marge de remplissage CSS dans le navigateur Zoom

Question

Je n'arrive pas à afficher ma page correctement dans les différents paramètres de zoom du navigateur.

http://andstones.ca/newsite

Le contenu est aligné si l'utilisateur est zoomé sur la page, mais une fois qu'ils zoom trop loin et actualisez la page, ou si elles sont trop zoomé et la page se charge, le contenu le volet est décalé.

Cela ne semble pas être un problème dans firefox, mais c'est un problème très grave dans chrome/safari/iexplore et sur l'iPad.

Que puis-je faire pour m'assurer que le contenu principal est chargé dans la bonne position, quels que soient les paramètres du navigateur de l'utilisateur?

Merci,

Kory

Answer 1

Définir toutes vos valeurs CSS en pourcents ils sont par rapport à l'autre. Le problème est quand les navigateurs ajustent les valeurs de pixel et déposent quelques chiffres ici et là.