Как выровнять блок?

Question

[Илья Деревянных]

Не могу выровнять нижнее меню сайт

Comments

[Rustam Bainazarov]

Ваш сайт недоступен, ну а так:

Answer 1

[Артем Прохоров]

relative для main-navigation
position: absolute для ul
ширину не давай ей 100% что бы список не растянулся под main-navigation
absolute
left: 50%;
transform: translateX(-50%) (для того что бы исправить выравнивание, попробуй без трансформа посмотреть, поймешь о чем я)

Comments

[Rustam Bainazarov]

Это где вас учили выравнивать на absolute такой случай? Хак-то правильный, но зачем вообще тут absolute?

[Артем Прохоров]

Рустам Байназаров, ну это быстро и просто в данной ситуации, чтобы он в коде копался и не завис на 1 моменте. В данном случае оправданно, мне так кажется, извините если не прав, покажите свое.

[Rustam Bainazarov]

Артем Прохоров, вы не правы, так как в этом случае весь блок меню из потока вёрстки выйдет, из-за чего его габариты не будут учитываться окружением.

[Артем Прохоров]

Рустам Байназаров, Я почему то не написал в ответе relative для родителя, хотя в голове с этого начал, исправил ответ, спасибо.

[Rustam Bainazarov]

Артем Прохоров, это ничего не изменит, т. к. обёртка всё равно схлопнется в нуль по высоте, из-за чего пункты меню налезут на контент ниже. Вы сами попробуйте это, прежде чем советовать.

Это вот так делается, например:

[Rustam Bainazarov]

Артем Прохоров, а вот так будет, если делать на absolute:



Видите, как на контент налезает? Придётся вручную ставить родительскому блоку высоту для каждого разрешения. Зачем оно нужно? Правильно, оно тут не нужно вообще.

[Артем Прохоров]

Рустам Байназаров, Понял принял, сейчас на самом деле сам полез проверять. Оставьте свой ответ парню, отдельно, а не в комментарии, чтоб увидел наверняка.

[Rustam Bainazarov]

Артем Прохоров, да ладно, увидит :))

Он пока, видимо, домен переносит.