Как заставить средствами css вертикальное меню при раскрытии отодвигать следующий за ним блок?

весь код это очень много, что конкретно показать, что бы можно было сделать выводы?

тоже так думаю

martynuk: покажи основную структуру и заданные цсс параметры, которые могли бы влиять на это(т.е. без цвета, опасити итд)

выкладывай на сайт или гит, кидай ссылку

ок

martynuk: без кода на гитхабе сложно что-то сказать. создайте в репозитории ветку gh-pages и бросьте сюда ссылку. ну либо на свой сервер залейте просто.

делаем вып. меню шире:

строка 715

#nav-menu ul ul {
min-width: 250px;
position: absolute;
left: -9999px;
z-index: 100;
}

строка 759 - закоментить:

#nav-menu ul ul li:hover > a, #nav-menu ul ul li a:hover {
color: #00AFFF;
/* background-color: rgba(0, 0, 0, 0.4); */
}

Сделал, но это не решило проблему:) меню раскрывается под блоками

z-index ?

Александр Гамов: есть

martynuk: Все же хотелось бы код посмотреть )

ссылка на гитхаб https://github.com/zorro76/bar-bados рабочая область: view/theme/wine папка stylesheet файлы style.css и stylesheet.css, а также tamplate/common файлы header.tpl и home.tpl

Александр Гамов: сбросил ссылку

Денис Письменный: скинул ссылку на гитхаб

еще улучшаем на большом экране take.ms/A9zgl

martynuk: А компилировать это нам в уме нужно ?) Имейте уважение к людям, просто сбросьте ссылку на страничку и Вам помогут в течении пары минут ) консоль всему голова.

Александр Гамов: 650763.itf201.web.hosting-test.net он здесь

martynuk:
#nav-menu {
height: auto;
}

чувак ты меня спас:))) как выразить благодарность?

martynuk: Просто закрой вопрос )
А вообще советую избегать задавать высоту и особенно ширину блокам при адаптивной верстке. К примеру у меня в последнем проекте на 2,5к строк кода всего в одном месте задана ширина (для нетипичного блока).

Александр Гамов: может напиши ответ отдельным коментом:) и я отмечу его решением

Александр Гамов: тогда еще вопрос, по футеру, он не ложится плотно к низу, ему как высоту задать?

Все верно написали выше - явное указание ширины и высоты - зло. Я только для иконок прописываю

martynuk: Клеарфиксом сбрасывать поток, чтобы не схлопывалось, далее маргинами внешние отступы и паддингами внутренние. Я так понял у вас комбинированный фон, чтож это не проблема - htmlbook.ru/blog/dva-fona-i-bolshe Применяйте сразу к обертке и не плодите кучу вложенных блоков :)

martynuk: А кажется понял о чем вопрос )
.footer .container_footer > ul {
padding: 28px 0px;
margin-top: 30px; <--- это он виноват.
}

+ последний параграф () в блоке #main с его дефолтными маргинами.

Александр Гамов: разобрался, спасибо.

martynuk: Всегда пожалуйста :) Если что обращайтесь, в вк ник такойже.

martynuk: как только выложил нормально код — сразу помогли ;)

Александр Гамов: ок договорились!

Александр Гамов: Александр нужна ваша помощь, я задал вопрос по футеру в ленте.