Как растянуть меню на всю ширину css

Трюк:
меню на всю ширину блока (статья устарела, см. flex css)

Я думаю каждый веб-разработчик не раз сталкивался с необходимостью создания динамического меню на всю ширину какого-либо определенного блока. Сделаем это БЕЗ использования таблиц.

  • Меню должно растягиваться на всю ширину блока;
  • При добавлении новых пунктов, меню должно расширятся и при этом вписываться в ширину блока-родителя;
  • Кроссбраузерность;
  • Распределение ширины пунктов в меню по подобию таблиц.
  • некий блок <div>, со стилем position:relative; и шириной к примеру 600px

Для того чтобы пункты меню не были слишком сплюснутыми ( а таблица иногда так себя и ведет ), можно дописать еще несколько слов в css:

Так же легко и непринужденно блеать, можно сделать и многоуровневые меню, с любой вложенностью, для этого тег <a> положим в <ul>, например:

Как «растянуть» меню на всю ширину экрана?

Всем доброго времени суток. Нужно меню растянуть на всю ширину экрана,как можно это сделать? Знакомый сказал,что верстка кривая,и нужно враппер поменять местами с контентом. Но хотелось бы узнать по-подробнее.Так как ковырял.но ничего не получилось.
Сам сайт
Заранее благодарю за ответ.
xlxCN.jpg

  • Вопрос задан более трёх лет назад
  • 5737 просмотров

Оценить 3 комментария

  • Facebook
  • Вконтакте
  • Twitter

Ingernirated

maxxtweek

Ingernirated

space2pacman

Как вариант можете добавить в свой файл css это

а в layout.css на 75 строке поменять это

Хотя это не совсем валидно. Лучше с враппером разобраться. С другой стороны смотрится нормально и ничего не едет.

Добавил скриншот.
88a128859cc54ac8bc390fe92a48e3ba.png

Меню на всю ширину — Вопросы по CSS

Традиционно наш дайджест обозревает новости, расширения, шаблоны и статьи из мира Joomla.

JComments 4.0.4 — компонент комментариев для Joomla 4

21.11.2021 вышла новая версия популярного компонента комментариев JComments. Компонент развивается сообществом на GitHub. Все релизы отмечены как maintaince release. Это означает поддержку расширения в работоспособном состоянии без добавления нового функционала.

Небольшая подборка статей на русском по Joomla 4

Эту подборку сделал один из пользователей нашего чата Joomla. Он в восторге от возможностей Joomla 4. По его мнению, из коробки Joomla позволяет создавать достаточно сложные сайты, даже без сторонних расширений.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *