CSS marge / Rembourrage Problème sur Zoom Browser

Question

Je vais avoir du mal à obtenir ma page pour afficher correctement à différents réglages 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 volet contenu est décalé.

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

Que puis-je faire pour vous assurer que les principales charges de contenu dans la position correcte indépendamment des 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 pixels et perdre quelques chiffres ici et là.