Как поправить подвал сайта строго по центу?

Question

[Мистер Бо]

Подскажите, что нужно изменить в коде на страничке static.directcrm.ru/webpage/polls/mindbox/test.html, чтобы подвал на сайте был не на всю ширину, а сужен на 600px, как выше?

Comments

[Ankhena]

Засунуть его в ячейку таблицы из которой он выпал.
Там у вас осталась пустая строка для этого.

Если это письмо

[Мистер Бо]

Ankhena, Подскажите пожалуйста в какую ячейку, по коду!?

[Ankhena]

Евгений Бойко,
Сложно представить как вам это поможет...

spoiler

Ну и ширину с центрированием всё равно придется задать по аналогии с другими таблицами.

И это, наверное, в помощь https://habr.com/ru/company/englishdom/blog/340852/

[Мистер Бо]

Ankhena, Я попробовал перенести, все даже на тестовом варианте https://evgeniyboyko.ru/test/test.html. Но понять не могу что нужно внести чтобы все было хорошо? Подскажите пожалуйста, чего возможно по css не хватает?

[Ankhena]

Евгений Бойко, всё же получилось

[Мистер Бо]

Ankhena, Просто я выше поднял, но есть пробелы внизу в подвале черная полоса должна быть связана без пробелов с низом и вставлял стандартные br, а так все склеено получается.
А вот сейчас сдвинул как вы говорили, и все более менее уже правильно https://evgeniyboyko.ru/test/test.html, но заполнить пустоту как-то надо, не пойму пока как!? Подскажите пожалуйста!

[Ankhena]

Евгений Бойко, о какой пустоте речь?

И давайте убедимся: вы верстаете письмо?

[Мистер Бо]

Мне нужно просто выполнить одно из заданий, прислали ссылку на сайт:
static.directcrm.ru/webpage/polls/mindbox/test.html
Попросили сделать верстку.
Поправить, все привести в норму, а потом просто рассказать. авно не работал с этим. Вот хотелось бы вспомнить.

[Ankhena]

Евгений Бойко,

Попросили сделать верстку.

Верстку таблицами перестали делать почти 20 лет назад. Сейчас она осталась только для верстки писем просто от безысходности.
Сейчас для сеток используют гриды и флексы - меньше кода и он чище.
Для разметки выбирают теги исходя из смысла (семантики).

Answer 1

[Noder SS]

<div style="width: 100%; display: flex; justify-content: center; flex-wrap:wrap; ">
<div class="footer">
</div>
</div>

Если я вас неправильно понял, тогда напишите, попробуем разобраться

Comments

[Мистер Бо]

Да, вроде бы сам текст выровнил по центру, задний фон не сузился шириной на 600px, как в таблицах выше: https://evgeniyboyko.ru/test/test.html

[Noder SS]

Евгений Бойко, не понимаю.я решил вашу проблему? Опишите подробнее, пожалуйста. Если я вас правильно понял, то поставьте ширину 600рх вместо 100% и дальше адаптируйте.

[Noder SS]

Евгений Бойко, а, если я правильно понял, нужно чтобы он был 600рх, и по середине, тогда нужно сделать блок в блоке.

<div style="width: 100%; display: flex; justify-content: center; ">

<div style="width: 600px; display: flex; justify-content: center; flex-wrap: wrap;">
<div class="footer">

</div>
</div>
</div>

МОЖЕТ И НЕ ПОЛУЧИТСЯ, ВЕДЬ У МЕНЯ КОДА ПЕРЕД СОБОЙ НЕТУ, ПРОСТО ПАЛЬЦЕМ В НЕБО ТЫКАЮ)

[Мистер Бо]

Ростик Кальченко, Код я добавил, но все без изменений: https://evgeniyboyko.ru/test/test.html

[Noder SS]

Евгений Бойко, хм. А можете доверить мне код? Попробую что-то сделать (на почту)

[Noder SS]

Евгений Бойко, Здраствуйте. Получилось! Я делал через инстумент разработчика. дело в цветах

[Noder SS]

Тот блок, у которого 100%, поменяйте его цвет фона на этот: rgb(241, 240, 240) . Тот, у которого 600px, поставьте просто белый. У меня сработало