Super_Saimon

Огромное спасибо за ответы! Очень признателен.

Извиняюсь за надоедливость с элементарными вопросами, но пару нюансов касательно самого процесса верстки непонятны. Выравнивание с угадыванием(расчетом по пикселям, к примеру) позиционирования элементов на странице. Я имею ввиду как в моем примере - для совпадения макета и верстки я перебираю чуть-ли не попиксельно. Такое бывает в реальной верстке? Или у людей с "прямыми руками" таких ситуаций не возникает? И касательно самого приложения PixelPerfect: возможно ли что при использовании как экземпляра для сравнения в приложении не шаблона,а изображения с форматом jpeg, то размеры могут не совпадать на картинке с теми, что есть в шаблоне? Просто я со всеми отступами просто угадывал. Все замеры из шаблона не совпали. И это не из разряда-на пару пикселей. Пользоваться в фотошопе инструментом "прямоугольная область" затруднений не вызывало)))

Я в упор не пойму почему по вертикали нет выравнивания. Я пробовал transform: traclate(50%,50%) вместо отрицательных внешних отступов, а результат с вертикальным выравниванием все равно не тот- мой блок на десяток пикселей ниже макетного. Как такое может быть?

Сразу извиняюсь за непонятные названия-это я пробовал по БЭМ-у.

Та нет, это я скрин некорректный сделал. На этом скрине я уже просто игрался, пытался угадать marginom. А так имея width: 300px; height: 230px; я задавал margin-left: -150px; margin-top: -115px; С шириной совпало, но вот с высотой все равно мой блок ниже. Я уже угадывать задолбался. Прекрасно понимаю что это выход-наугад числа ставить, но чет в тупик ситуация загнала меня. Да я сразу хотел с flexa начать-там весь этот геморрой сразу отпадает. Но в задании про flex не упоминалось и я решил не "жульничать". Да и сначала казалось плевым делом... Все таки угадал: margin-top: -125px на высоту самого блока в 230px. Но так и не понял с чем это связано. Это, судя по теории, не корректный отступ сверху. При этом, опять же повторюсь, какие-либо "левые" отступы внешние, внутренние у body, html, wrapper убраны. Я так и не понял в чем промах.

Добрый день! Воюю с позиционированием по центру экрана, вернее, блока wrapper-a. Решал задачу через свойство "position". Задал wrapper-y relative, а дочернему блоку, который и нужно отцентрировать, само-собой, absolute.Задал отступы слева, сверху по 50% и margin -top, -left по отрицательной половине высоты и ширины дочернего блока. И тут возникает проблема-открыв шаблон и свою верстку в PerfectPixel увидел несоответствие по отступам сверху и слева. А ширина и высота самих блоков целиком совпадают. Отступы у родительских блоков(внешние и внутренние) у меня убраны. И попытка поиграться со значениями успеха не дает.