Как центрировать контейнер (по бокам остаются большие марджины)?

Question

[Lana]

На сайте не получается поставить контейнер по центру на разрешениях меньше 800px, остаются большие марджины, из-за которых он "гуляет".
Можно увидеть поставив контейнеру (id="maincontainer") width:700px, margin: 0 auto;
Кажется уже все перепробовала.

Comments

[Антон Литвиненко]

у вас сайт неадаптивный + все задано в пикселях, непонятно что вы пытаетесь сделать, а центровщиком у вас выступает блок с классом inner, maincontainer вообще не для этого

[Lana]

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

[Danny Arty]

какой контейнер не получается поставить по центру? inner? дык у вас же ширина задана в пикселях

[Lana]

Зашла сейчас посмотреть как дела обстоят в мозиле и поняла, что сайт просто уменьшается.
Т.е. если зайти с телефона, то он будет такой же как и на десктопе. Стоит какой-то скрип вероятно, который просто уменьшает контент сайта.

[Ankhena]

Lana, так вы начните с указания сайту, что он должен быть адаптивным.
Где у вас

<meta name="viewport" content="width=device-width, initial-scale=1.0">

?

[Lana]

Ankhena, спасибо, попробую, только сегодня присутила к адаптации этого сайта и не думала что столкнусь с такими проблемами.

[Pashok Doom]

Lana, такое проще с нуля переделать, чем адаптировать. У вас даже адрес в шапке с английскими буквами вместо русских

[Ankhena]

Lana, и проверьте ваш сайт валидатором https://validator.w3.org/nu/
Там несколько сотен ошибок.

Answer 1

[Lana]

Достаточно было добавить

<meta name="viewport" content="width=device-width, initial-scale=1.0">

И сайт перестал уменьшаться в размерах.
Спасибо Ankhena.