Программирование > JavaScript & JScript

Растянуть Div по высоте второго Diva

(1/3) > >>

Nicki:
Не люблю я дивы а тут такая ситуация что требуется сделать эффект наложения одного слоя на другой... и столкнулся с проблемой. В общем у меня получилась вот такая иерархия дивов.


    Тут табличка на всю ширину с главным меню и т.д.

    Тут табличка с контекстным меню
    Тут табличка с контентом страницы


Ситуация такая.
- Див Main имеет ширину 100%
- Див leftPanel имеет ширину 250px, а в высоту должен равняться высоте дива Main.
- Див content должен частично накрывать сверху див leftPanel и растягиваться в ширину на оставшиеся 100% (для этого я указал в css width: (100%-200px); left:200px; ).

Проблема в том, что див content заполняясь данными растягивается вниз (что и нужно), но не растягивает при этом див Main и leftPanel соответственно они остаются прежними размерами. При этом, див с контентом может вылезать очень сильно за пределы главного дива. Ставить overflow не получится потому что нужно показать все данные без прокрутки...

Я думаю, что тут только javascriptом можно починить это... но я не знаю этого языка. Т.е. я понимаю что мне нужно
- получить объект content
- получить свойство высота этого объекта
- задать новую высоту объектам main leftPanel.

а как это записать на javascript  ...... не знаю. :confused:
Все свойства дивам задаю через классы ...
Поможите?...

Nicki:
тут я смог залить скриншот проблемы... так нагляднее будет...

http://forums.webscript.ru/showthread.php?s=&threadid=26123

это самый низ страницы, как раз проблемная часть.
(дизайн еще  не ставили... просто наброски)

hanslinger:

--- Код: ---#main { border: 1px solid #226600; }
#left { float: left; width: 250px; background: #88cc99; height: 100px; //margin-right: -30px; }
#content { height: 500px; border: 1px solid #ff3333; margin-left: 220px; position: relative; z-index: 2; }
--- Конец кода ---

http://orava.ru/misc/divs.html
Никакого JS тут не надо.

Nicki:
hanslinger
нет.... так еще хуже... и никакого наложения нет... не знаю.

Вот тут http://letter.h12.ru/123.htm я выложил страницу так как она получается ... чтоб если что вы могли и код посмотреть. Видите, список результатов вылазиет за пределы дива main?

hanslinger:

--- Код: ---#content { height: 500px; border: 1px solid #ff3333; margin-left: 220px; [b]position: relative;[/b] z-index: 2; }
--- Конец кода ---

Навигация

[0] Главная страница сообщений

[#] Следующая страница