Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Растяжка двух дивов по высоте
 
 автор: Prihod   (06.02.2008 в 18:06)   письмо автору
 
 

Есть два дива в оном фон, во второй загружается контент , нужно сделать так что бы див с фоном и див с контентом имели одинаковую высоту , для обоих дивов у меня высота стоит 100% для

body { margin: 40px; padding: 40px; height:100%; background-image: url(img/all_fon.png); }
#text_l{position: absolute; border:1px solid #FF0000;height: 100%; ; width:250px;float:left; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; } – стиль дива для контента 
#d_t_fon{ background-image: url(img/img_book_01.png);  background-position: top left; position: absolute; background-repeat: no-repeat; width: 100%; height: 100%; min-height:100%;} стиль дива для фона 

Но при добавлении контента див с контентом растягивается по высоте , а див с фоном остается таким же как до загрузки контента,как сделать что бы и див с фоном растягивался по высоте в зависимости от контента

   
 
 автор: Dimon_K   (06.02.2008 в 18:25)   письмо автору
 
   для: Prihod   (06.02.2008 в 18:06)
 

А тебе два дива обязательно делать двумя отдельными слоями? Если нет то можно для дива с фоном задать position:absolut, а див с текстом просто вложить в него и он будет тянуть див с фоном. Просто у тебя див с текстом получается отдельным слоем и он не может воздействевать на другие слои, если даже он в них вложен. Не задавай для дива с текстом свойство position. Но если это всеже необходимо тогда надо подгонять размеры с помощью JS.

   
 
 автор: Prihod   (06.02.2008 в 19:09)   письмо автору
 
   для: Dimon_K   (06.02.2008 в 18:25)
 

Дело в том что на самом деле див с фоном не один а их несколько с position:absolut , а точнее 8 все вместе они формируют фон , поэтому вложить в один из них нив с текстом ничего не даст , а как с помощью JS отслеживать изменения размера дива с текстом , ну при изменении окна браузера это понятно привязаться к событию onresize но этого как я понимаю мало мало

   
 
 автор: Dimon_K   (06.02.2008 в 19:32)   письмо автору
 
   для: Prihod   (06.02.2008 в 19:09)
 

Ну отследить высоту дива можно с помощью свойства offsetHeight, т. е. document.(element).offsetHeight. А чтобы подгонять высоту с помощью JS, нужно написать функцию которая будет отслеживать высоту дива и будет выстовлять высоту остальных дивов в соответствии с высотой самого высокого дива, дива с текстом.

   
 
 автор: Prihod   (07.02.2008 в 10:38)   письмо автору
 
   для: Dimon_K   (06.02.2008 в 19:32)
 

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

   
 
 автор: Dimon_K   (07.02.2008 в 13:30)   письмо автору
 
   для: Prihod   (07.02.2008 в 10:38)
 

Методом onload

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования