@Mymacom

Почему сайт некорректно отображается на моб. версии?

Здравствуйте, сайт некорректно отображается в моб. версии, некоторых современных браузерах (MI Браузер, Opera). Прижал footer с помощью table. Появляется какое-то отступ (справа, снизу это плохо поставленный фон)
f0319354.xsph.ru
На компьютере при разных разрешениях, отображается отлично.

5d52775b6f3fd203986868.png
  • Вопрос задан
  • 108 просмотров
Пригласить эксперта
Ответы на вопрос 1
FeST1VaL
@FeST1VaL
Тихий
Ваша проблема что у вас вылезает блок за границы.
У вас стоит блок текста (main) 100% и при этом вы даете ему padding не используя box-sizing: border-box;

main {
	min-width: 100%;
	max-height: 100%;
	padding: 15px;
}


Короче говоря, вашу проблему можно решить повесив на все блоки box-sizing, но смотрите чтобы ничего не поехало у вас, но с этим свойством вам все же будет проще, не надо будет высчитывать сколько будет процентов + паддинг чтобы блок стал 100%
*, *:before, *:after {
  box-sizing: border-box;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы