Иван Желудков

Можно сделать footer фиксированным (position: fixed; bottom: 0; z-index: -1), а остальной контент страницы сделать с margin-top: высота footer. Точно сказать не могу. Но должно получится что-то. Щас попробую сделать на codepen

Это делается очень просто

Так вы сделаете, чтобы всё, что находится в контейнере с id="id" было width: 100%;

#id * {
width: 100%;
}

Так вы сделаете, чтобы всё, что находится в контейнере с id="id" было width: 100%;, но только если это img тег

#id img {
width: 100%;
}

Если сделаете так, то стили применяться только к прямым потомкам контейнера, то есть только те div, которые внутри, но те, которые будут внутри div-ов, которые внутри контейнера с id="id" применяться не будут. И да, только для img тегов. Если поставить вместо img звёздочку, то будет применяться ко всем элементам. Если поставить туда "a", то применится только к ссылкам (тег a). Надеюсь понятно объяснил.

#id > img {
width: 100%;
}

А если не поняли, вот урок от Зоракса, про селекторы, 10-15 минут видео и вы во всё разберётесь.

Использую codepen.io и jsfiddle.net. Во втором сервисе работать с кем-то проще, так как там есть учёт версий кода. В первом случае подходит больше для демонстрации кода, но другой человек, тоже может его редактировать и даже сохранить себе в аккаунт.

По моему стоит сделать min-width, а не max-width, чтобы система работала так, как вы хотите.

Ты бы давал ссылку на http://jsfiddle.net/ или http://codepen.io, а то неудобно помогать. Так бы я щас зашёл, 5 минут пошаманил и скинул бы готовый вариант скорей всего, если получилось бы, но нужно ещё учитывать, что я тут не один.

Оно реализовано с помощью псевдокласса hover? Если да, то вам нужно использовать JS, либо возможно создать с помощью псевдокласса after дополнительный невидимый прозрачный блок, который будет входить в пункт меню. Тогда будет нормально. Нужно полностью смотреть код меню, чтобы понять. Вы бы выложили это меню на codepen.io, тогда было бы значительно проще. Можно было бы скинуть вам готовый вариант.