Я новичок в веб-дизайне и разработке и начал создавать веб-сайт здесь, используя систему управления контентом под названием Joomla. Однако в настоящее время у меня возникает проблема, когда раздел меню не может растягиваться достаточно долго, чтобы уместиться на всю ширину страницы (если это имеет смысл, простите меня за плохие грамматические навыки).

Раньше у меня была проблема с позиционированием элементов, перемещающихся по странице всякий раз, когда я увеличивал или уменьшал масштаб страницы, к счастью, я использовал решение из здесь, разместив минимальную и максимальную ширину тела страницы, однако это не решает проблему раздела меню, с которой я столкнулся (немного хуже при просмотре на мобильных телефонах).

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

Будем очень признательны за любую помощь или решение по решению этой проблемы, спасибо.

0
user3296529 2 Апр 2014 в 21:36

2 ответа

Лучший ответ

Если поддержка старых браузеров не проблема, вы можете использовать css3 Flex собственности.

Подать заявление

display:flex; justify-content: space-around для <ul> и удалить float:left

Вот скриншот вашего веб-сайта после этого.

image

Узнать больше о css Flex @ css-tricks

0
T J 2 Апр 2014 в 18:36

Минимальная ширина: 100% будет решением.

Однако вы должны учитывать «вложенность», то есть заголовок меню, находящийся «внутри» другого элемента, который уже недостаточно широк. В этом случае вам нужно будет установить ВСЕ элементы, внутри которых вложен заголовок меню, на min-width: 100% (или просто width: 100%).

ИЛИ

Переместите заголовок меню в другое место, где он не вложен. Сам никогда не использовал joomla, поэтому не могу сказать, какое решение проще.

0
Kjeld Schmidt 2 Апр 2014 в 17:40