2 столбца: 1 фоновое изображение div (при отключении свитка), 1 высота содержимого: авто;

Question

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

ингредиенты:

• 1 тело с шириной + высота на 100% и шаблон изображенияbg.

• 2 деления для оставленного меню: (1 для фонового изображения и 1 для меню само по себе в верхней части изображения)

• 1 div прямо для содержимого.

Теперь, когда я использую браузер, изменяю размеры от нижнего к среднему и заднему краю экрана и т. Д., Это все хорошо.Изображение все еще показывает его полный размер ... НО в тот момент, когда я использую полосу прокрутки для прокрутки вниз, фоновое изображение в меню отключается.

Я использую высоту: 100% и минимальную высоту: 100% ввсе относительные объекты.Я могу думать только об одном: использовать высоту: 1080px;но это полезно только тогда, когда у меня больше текста, чем общая длина меню bg: (

Вот исходные файлы

Answer 1

у вас есть два варианта: поместить фон меню в таблицу и задать ему высоту 100%

или

поместить заголовки и элементы содержимого в элемент меню div, таким образом, менюdiv всегда будет таким же большим, как и его содержимое.

        <div id="menu_container">
            <div id="menu"></div>
            <div id="header_container"></div>
            <div id="content"></div>
        </div>