Сайты - по стандартам, но не стандартные сайты!
Здравствуйте. Прошу совета.
Имеется верстка - две колонки (слева меню, справа контент).
В левой колонке, сразу под меню имеется декоративная картинка высотой около 500 px.
Картинка привязана к низу меню, а высота меню переменная.
Как сверстать так, чтобы в случае когда мало контента, эта картинка "скрывалась".
См. рисунок.
Пока мысль только такая:
Абсолютом позиционировать футер к низу общего контейнера (wrap), таким образом он будет перекрывать картинку на свою высоту (162 px), а этого мало.
Буду очень благодарен за советы!
Нет на форуме
Добавь ещё к div картинки overflow:hidden
Нет на форуме
а если попробовать картинку Вашу вставить бэкграундом в основной контейнер, в котором лежат и меню и контент.
Выровнять ее по верху и опустить на высоту меню, тогда если контента будет мало, она сама скроется
Нет на форуме
katena, этот вариант не прокатит, потому что меню может различаться по высоте.
Как вариант, могу предложить каркас сделать табличный, в таком случае реализация будет несложной и ТС самостоятельно разберется что необходимо сделать.
Но таблицы не наш метод, верно?
Нет на форуме
Можно попробовать использовать z-index - меню с картинкой на слой ниже чем основное содержание и подвал.
Но блоку с основным содержанием надо установить (или гарантировать содержанием) минимальную высоту не меньше чем у меню, иначе подвал перекроет меню.
Нет на форуме