Здравствуйте, уважаемые знатоки! Нужна помощь, проблема следущая - при уменьшении масштаба страницы некоторые элементы съезжают. Ссылка http://dolohov.rurs.net
Ну у вас по всей видимости в стилях опечатка, забыли точку с запятой поставить вот здесь:
Еще для класса .index-section высота задана - высоту лучше пускай содержимое задает и отступы. Страничка без этой высоты отлично отображается и на маленьком зуме с этим блоком все в порядке.
Инпуты выстраиваются один под другого на масштабе 33% и на 25% едет менюха навигации в хедере - если и проверяют на отображение в разных масштабах, то на сколько мне известно ограничиваются диапазоном 75% - 150%. А остальное издевательство вроде))
Погуглите чеклисты верстки.
http://habrahabr.ru/post/114256/ - староват, но дельный и на гитхабе вроде обновляется(ссылка на репозиторий в статье).
Если по быстрому, то поменять у инпутов ширину на 112px, а у кнопки под ними на 289px, но если важно пиксель в пиксель, то это не вариант естественно ибо от размеров на макете отходим. Тогда сидеть и думать еще варианты, гуглить много - и все получится))
Благодарю! Точку с запятой, я забыл поставить, после того как несколько раз пытался решить эту проблему и торопясь, пробовал менять значения у разных элементов на странице)) в общем основную идею я понял) а если попробовать список меню сверстать используя display:table, а не через инлайн-блоки, все равно будут съезжать?