[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Автоматическая подгонка высоты по родителю в div
Miha
Вообщем есть главный блок, на нем располагаются блок вывода информации и блок вертикального меню из 6 пунктов. Все они разными цветами.
При заполнении блока информации его высота автоматически подгоняется, т.е. увеличивается. В блоке меню аналогично, но там всего 6 строчек и поэтому он высотой меньше чем блок информации, смотрится не красиво!
Как сделать так чтобы высота блока меню автоматически подгонялась под высоту блока информации???
Возможно ли это с помощью CSS? huh.gif




Спустя 50 минут, 8 секунд (29.01.2010 - 01:26) dr_Lev написал(а):

Спустя 10 часов, 28 минут, 31 секунда (29.01.2010 - 11:55) Miha написал(а):
dr_Lev Спасибо! smile.gif

Спустя 6 часов, 52 минуты, 55 секунд (29.01.2010 - 18:48) Miha написал(а):
Так: document.getElementById('sidebar').style.height='400px'; получается, а вот так: document.getElementById('sidebar').style.height=document.getElementById('main').style.height; не работает!
Как получить доступ к свойству объекта DIV??? blink.gif

Спустя 11 часов, 21 минута, 24 секунды (2.02.2010 - 06:09) aleksphp написал(а):
Еще как вариант можно указать меньшему блоку минимальную высоту, либо заведомо большую высоту присвоить и сделать отрицательный ниний отступ.

Спустя 32 минуты, 58 секунд (2.02.2010 - 06:42) dr_Lev написал(а):
Цитата (Miha @ 29.01.2010 - 18:48)
Так: document.getElementById('sidebar').style.height='400px'; получается, а вот так: document.getElementById('sidebar').style.height=document.getElementById('main').style.height; не работает!
Как получить доступ к свойству объекта DIV??? blink.gif

Не углублялся в причину, есть такой баг(?) во многих браузерах аттрибут стиля в javascript так получит не удастся... только разве что если заранее его через javascript и назначить.
Попробуй так
document.getElementById('sidebar').style.height=document.getElementById('main').offsetHeight+'px'
или вместо offsetHeight используй clientHeight... смотря что нужно получить...
P.S.
clientHeight = высота контента
offsetHeight = clientHeight + margin + padding + border


_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.