Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!







#1 20.07.2014 12:18

bdan
Новичок
Зарегистрирован: 20.07.2014
Сообщений: 1

Чтобы блок не влиял на высоту колонки

Здравствуйте. Прошу совета.
Имеется верстка - две колонки (слева меню, справа контент).

В левой колонке, сразу под меню имеется декоративная картинка высотой около 500 px.
Картинка привязана к низу меню, а высота меню переменная.

Как сверстать так, чтобы в случае когда мало контента, эта картинка "скрывалась".
См. рисунок.

Пока мысль только такая:
Абсолютом позиционировать футер к низу общего контейнера (wrap), таким образом он будет перекрывать картинку на свою высоту (162 px), а этого мало.

Буду очень благодарен за советы!

http://softtime.ru/forum/files/75070-20100720082507.jpg

Нет на форуме

 

#2 26.07.2014 21:48

Den1xxx
Новичок
Зарегистрирован: 27.04.2014
Сообщений: 6

Re: Чтобы блок не влиял на высоту колонки

Добавь ещё к div картинки overflow:hidden

Нет на форуме

 

#3 03.08.2014 10:31

katena
Новичок
Зарегистрирован: 25.06.2014
Сообщений: 3

Re: Чтобы блок не влиял на высоту колонки

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

Нет на форуме

 

#4 03.08.2014 14:45

Talex
Новичок
Зарегистрирован: 17.07.2010
Сообщений: 5

Re: Чтобы блок не влиял на высоту колонки

katena, этот вариант не прокатит, потому что меню может различаться по высоте.
Как вариант, могу предложить каркас сделать табличный, в таком случае реализация будет несложной и ТС самостоятельно разберется что необходимо сделать.
Но таблицы не наш метод, верно?

Нет на форуме

 

#5 28.08.2014 14:55

staff-base
Новичок
Откуда: Санкт-Петербург
Зарегистрирован: 28.08.2014
Сообщений: 7
Вебсайт

Re: Чтобы блок не влиял на высоту колонки

Можно попробовать использовать z-index - меню с картинкой на слой ниже чем основное содержание и подвал.
Но блоку с основным содержанием надо установить (или гарантировать содержанием) минимальную высоту не меньше чем у меню, иначе подвал перекроет меню.


Поиск работы - наш start-up, может стать и вашим, присоединяйтесь!

Нет на форуме

 

Board footer