CSS Margen / Edición relleno en Zoom Browser

Question

Tengo dificultades para conseguir mi página para mostrar correctamente los diferentes ajustes de navegador de zoom.

http://andstones.ca/newsite

El contenido está alineado si el usuario está reducida en la página, pero una vez que acercar demasiado lejos y actualice la página, o si están demasiado zoom y se carga la página, a continuación, se desplaza el panel de contenido.

Esto no parece ser un problema en Firefox, pero es un tema muy serio en cromo / Safari / iexplore y en el IPAD.

¿Qué puedo hacer para asegurar que las principales cargas de contenido en la posición correcta, independientemente de la configuración del navegador del usuario?

Gracias,

Kory

Answer 1

Definir todos sus valores CSS en porcentajes por lo que son uno con respecto al otro. El problema es cuando los navegadores ajustar los valores de los píxeles y soltar unos pocos dígitos aquí y allá.