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

Question

[Mymacom]

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

Comments

[Gortyser]

Не прижимайте ничего с помощью table, используйте флексы

Answer 1

[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;
}

Comments

[Rustam Bainazarov]

Дополню, что типичный сброс чуть более полный:

*, :before, :after {
  box-sizing: border-box;
}

Иначе на псевдоэлементы он не распространяется без этого.

[FeST1VaL]

Рустам Байназаров, да, совсем забыл)

[Rustam Bainazarov]

Артем Будин, вы лучше обновите ответ, чтобы люди видели более верный вариант, я удалю комментарий.

[Mymacom]

Рустам Байназаров, Здравствуйте, добавил в самое начало, как было так и осталось. Убрал display table, header полез за страницу

[Rustam Bainazarov]

Mymacom, ох, вы на таблице сверстали?

Я, конечно, сегодня вечером посмотрю, но могу тогда только сказать, что нужно будет переделывать вёрстку, если у вас там таблицы.

[Mymacom]

Рустам Байназаров, нет что вы) Конечно была идея о таблице, но это слишком допотопно. Только body и footer, чтобы прижать footer.
https://codepen.io/Mymacom/pen/LYPGzQp

[Rustam Bainazarov]

Mymacom, в верстке не табличных данных вообще не надо использовать таблицы, они не предназначены для layout.

Footer можно прижать спокойно так:
Как прижать подвал к низу страницы и при этом оставить событие scroll работоспособным?

[FeST1VaL]

Mymacom, эм, вы точно уверены что добавили? просто у меня все окей... щяс попробую все же с телефона, но думаю что у вас возможно кэш

Скриншотик

[Mymacom]

Артем Будин, кеш очищал , возможно в кодепен нормально отображается, но вот сайт по ссылке нет

[FeST1VaL]

Mymacom, ну так давайте ссылку посмотрим что у вас там)) как бы кодепен не так уж далеко от вашего сайта