Как решить проблему с кроссбраузерностью background?
Код -
background-color: #4bc8d7;
padding-top: 1%;
padding-bottom: 2%;
В ходе верстки просматриваю страницу в Chrome и Safari (на Маке).
Проблема: высота фона в Chrome выходит больше, разница была примерно в 3px.
Многое уже перепробовал и нифига.
Что более менее приблизило меня к желаемому результату -
min-height: 100%;
height: 570px !important;
height: 100%;
однако разница все равно была на 0,4 px.
В разных браузерах разная высота страницы, так как часть окна выделена под панель, высота панелей разная у разных браузеров, так что не вижу тут проблемы.
Я бы переверстал...
Если сохранять как у тебя сверстано, то если правильно понял из ваших комментариев, то я бы сделал так...
1. Поменял стили main
2. Отдал часть стилей main в container
3. Переделал картинку. (я не знаю зачем тебе столько снизу пространства...)
4. Поменял стили у img
Средний
Простой
