Проблема CSS Margin / PADDING ANCOMENT на Zoom браузера

Question

Мне трудно получить мою страницу, чтобы правильно отображаться в различных настройках Zoom браузера.

http://andstones.ca/newsite.

Содержимое выровнено, если пользователь увеличивается на странице, но после того, как они уменьшают слишком далеко, и обновите страницу, или если они слишком увеличиваются, и нагрузки страницы, то панель содержимого смещена.

Это не кажется проблемой в Firefox, но это очень серьезная проблема в Chrome / Safari / Iexplore и на iPad.

Что я могу сделать, чтобы гарантировать, что основное содержание нагрузки в правильном положении независимо от настроек браузера пользователя?

Спасибо ,

Кори

Answer 1

Определите все ваши значения CSS в процентах, чтобы они относились друг к другу. Проблема в том, что браузеры регулируют значения пикселей и падают несколько цифр здесь и там.