Problema de margem/preenchimento do CSS no zoom do navegador

Question

Estou tendo dificuldade em fazer minha página aparecer corretamente em várias configurações de zoom do navegador.

http://andstones.ca/newsite

O conteúdo está alinhado se o usuário estiver ampliado na página, mas uma vez que eles zoom muito longe e atualizem a página, ou se forem muito ampliados e a página carrega, o painel de conteúdo será deslocado.

Isso não parece ser um problema no Firefox, mas é um problema muito sério no Chrome/Safari/Iexplore e no iPad.

O que posso fazer para garantir que o conteúdo principal seja carregado na posição correta, independentemente das configurações do navegador do usuário?

Obrigado ,

Kory

Answer 1

Defina todos os seus valores de CSS em porcentagens para que sejam relatos entre si. O problema é quando os navegadores ajustam os valores do pixel e soltam alguns dígitos aqui e ali.