CSS Margin / Padding Issue в браузере Zoom

Question

У меня проблемы с отображением правильной страницы при различных настройках масштабирования браузера.

http://andstones.ca/newsite

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

Похоже, что это не проблема в Firefox, но это очень серьезная проблема в chrome / safari / iexplore и на iPad.

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

Спасибо,

Kory

Answer 1

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