ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Div
12 сообщений из 12, страница 1 из 1
Div
    #35671891
Фотография lans
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lans
Участник
У меня в один ряд расположены дивки.. проблема следующая контент в дивках всегда разный и полчается так что дивки пляшут как екволайзер(( можно ли как то их синхронизировать что ли.. что бы они всегда были одной высоты т..е равнялись по самой высокой дивке
...
Рейтинг: 0 / 0
24.11.2008, 15:25
| Ответить | Цитировать | Написать  
Div
    #35672202
Фотография lans
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lans
Участник
Без вариантов?
...
Рейтинг: 0 / 0
24.11.2008, 16:51
| Ответить | Цитировать | Написать  
Div
    #35672223
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
ситуация не совсем ясна (в плане организации хтмл-кода а назначения/количества дивов), но для начала посмотри вот этот пример с колонками равной высоты (основан на махинациях с бэкграундом). Если не то - рисуй ситуацию поподробнее.
...
Рейтинг: 0 / 0
24.11.2008, 16:57
| Ответить | Цитировать | Написать  
Div
    #35672336
Фотография lans
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lans
Участник
у меня с бэкграундом не пройдёт(((... у меня ситуация такая
вот ссылка http://www.finexfloors.ru/catalog.aspx?cat=1
вёрстка вся на дивах
в крации
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
        <%--  левая колонка    --%>
            <div id='leftCol' style="position:absolute; left:0px; top:0px; width: 280px; background-image:url(newdesign/slice_left_repeat.jpg); background-repeat:repeat-y; vertical-align:top;">
            </div>
        <%--  левая граница страниц    --%>
            <div id='pagesLeft' class="pagescolumn" style="clear:both;position:absolute; left: 290px; width:46px; top:0px; overflow: hidden;">
            </div>
            <%--  заголовок    --%>
            <div id='header' style="position:absolute; left: 336px; top:0px; width:725px; height: 111px;">
            </div>
            <%--  верхнее меню и контент    --%>
            <div id='content' class="centercolumn" >
            </div>
            <%--  нижняя строка    --%>
            <div id='bottom' style="position:absolute; left:0px; bottom: 20px; width:900px height:80px;">
            </div>
            <%--  правая граница книги    --%>
            <div id='pageRight' class="lentacolumn">
            </div>
проблема в том что при увеличении контента(при клики на картинку) боковые дивки и нижняя остаются на месте не растягиваются...
...
Рейтинг: 0 / 0
24.11.2008, 17:27
| Ответить | Цитировать | Написать  
Div
    #35672397
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
1. перейди из position;absolute => float:left
2. если всетакие не хочь то <body onload="check()">

function check(){
// bottom - Не длучше имя для див
var c=document.getElementById("content");
document.getElementById("bottom").offsetTop=c.offsetTop+c.offsetHeight;
//итд
...
}
3. когда изменяю разрешение окна почемуто фоновый градиент коричневого "едит" вместе с шириной. так и должно быть?
4. сайт точно при 1024 ширине влезает? (у меян 1280 но я чето сомневаюсь)
...
Рейтинг: 0 / 0
24.11.2008, 17:47
| Ответить | Цитировать | Написать  
Div
    #35672857
Фотография lans
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lans
Участник
Не сдвигаються(((((
...
Рейтинг: 0 / 0
24.11.2008, 23:23
| Ответить | Цитировать | Написать  
Div
    #35675169
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
lansНе сдвигаються(((((
а ты какой из вариантов пробовал?
...
Рейтинг: 0 / 0
25.11.2008, 20:33
| Ответить | Цитировать | Написать  
Div
    #35675200
Фотография lans
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lans
Участник
Я пробовал оба при первом вообще всё едит а при втором скрипт не сробатывает вообще...я вешал функцию на click и ниччего ((скрипт проверял ошибки нет...
...
Рейтинг: 0 / 0
25.11.2008, 21:14
| Ответить | Цитировать | Написать  
Div
    #35675228
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
lansЯ пробовал оба при первом вообще всё едит а при втором скрипт не сробатывает вообще...я вешал функцию на click и ниччего ((скрипт проверял ошибки нет...
1. Так подпраивть вам надо чтобы не ехало, если просто поставить флоат то канечно все поедит.
2. А вы заменили имена на нормальные?
Если да то попробуйте так:
Код: plaintext
1.
alert('Срипт выполняеться!');
document.getElementById("bottom").style.top=document.getElementById("content").style.bottom;
заодно поглядите выполняеться ли вобше скрипт и возможно (чутко не кросбраузерно) у вас bottom подпарвитсяь номарльно
...
Рейтинг: 0 / 0
25.11.2008, 21:48
| Ответить | Цитировать | Написать  
Div
    #35680651
Фотография lans
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lans
Участник
Разобрался всё работает))
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
    var content_div = document.getElementById("content"); 
    var buttom_div = document.getElementById("bottom");
    var pagesLeft_div = document.getElementById("pagesLeft");
    var leftCol_div = document.getElementById("leftCol");
    var pageRight_div = document.getElementById("pageRight");

	      document.getElementById("bottom").style.top= absPosition(buttom_div).y+ 200 ;
	      document.getElementById("content").style.height=content_div.offsetHeight+ 200 ;
	      document.getElementById("pagesLeft").style.height=pagesLeft_div.offsetHeight+ 200 ;
	      document.getElementById("leftCol").style.height=leftCol_div.offsetHeight+ 200 ;
     	      document.getElementById("pageRight").style.height=pageRight_div.offsetHeight+ 200 ;
одна проблема почему в Мазиле е паботает это((
...
Рейтинг: 0 / 0
27.11.2008, 23:19
| Ответить | Цитировать | Написать  
Div
    #35680675
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
1. КОгда ты обявляешь var четотам=document.getEl....
то ты уже можешь сылаться к тому что указал в ГетЕлемент через эту перменную, т.е. повторно искать этот же элемент не надо (эт по поводу оптимизации)
2. а че дебагер то пишет у мазилы?
3. попробуй использовать
Код: plaintext
1.
2.
3.
4.
if(document.all){
document.all[..]...
}else{
document.getElementById(...)....
}
...
Рейтинг: 0 / 0
27.11.2008, 23:36
| Ответить | Цитировать | Написать  
Div
    #35684156
Фотография lans
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lans
Участник
не помогло
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
	 var bot_p = absPosition(buttom_div).y- 200 ;
	 
	     if(document.all)
         {
          document.all['bottom'].style.top= bot_p+'px';
         }
         else
         {
	      document.getElementById("bottom").style.top= bot_p+'px';
         }
Дебагер говорит
Предупреждение: Ошибка при анализе значения свойства «height». Потерянное объявление.
Источник: http://www.finexfloors.ru/catalog.aspx?cat=1
Строка: 0
...
Рейтинг: 0 / 0
30.11.2008, 20:11
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Div
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=310&tid=1455500]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 68ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 54ms
get tp. blocked users:
 1ms
others: 250ms
total:  425ms
созд. / загр.: 425ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]