ReSQL.ru
     
powered by simpleCommunicator - 2.0.36     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Неполучается подогнать div под нужный размер.
18 сообщений из 18, страница 1 из 1
Неполучается подогнать div под нужный размер.
    #34101607
Артем1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем1
Участник
Доброго времени суток.

В JS не силен. Не получается сделать такую вещь:
Есть страничка с таблицей (не считая хидеров и футеров). В таблице 2 колонки: в левой нечто типа фильтра - в правой таблица с данными (все это на asp.net, если это важно).
Требуется: при прокрутке страницы с данными, что-бы фильтр оставался на месте, а не уезжал вместе со страницей.
Что пробовал: вложил таблицу с данными в div со стилем overflow:auto. получилось вроде так, как нужно, но я зафиксировал высоту и ширину div константами
Код: plaintext
<div id="taskItemsDiv" style="overflow:auto;height: 600px; width:700px;" >
а желательно менять размеры этого div-а под конкретное разрешение и размер окна пользователей (у всех разные размеры).
Не получается:
1. Установить размеры div-а в JS-функции. Перепробовал уже кучу всяких свойств, содержащих в названии height или width - то ошибка скрипта, то никакой реакции.
2. Не нашел, от чего можно было-бы оттолкнуться при расчете размеров. По идее нужны размеры окна, отображающего документ, но у window чего-то не нашел таких свойств.

Подскажите, как сделать вышеописанное или где про это прочитать.

зы: приложение intranet, поэтому достаточно решения, работающего в IE6
ззы: в поиске был и здесь, и в google
...
Рейтинг: 0 / 0
02.11.2006, 16:30
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34101768
Артем1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем1
Участник
Размер экрана кажется нашел:
Код: plaintext
window.screen.availHeight

с остальным пока не получается. i need help
...
Рейтинг: 0 / 0
02.11.2006, 17:08
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103197
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Артем11. Установить размеры div-а в JS-функции.div.style.height, div.style.width
...
Рейтинг: 0 / 0
03.11.2006, 10:56
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103207
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
А зачем вообще что-то менять из функции? Чем не устраивают относительные размеры в процентах?
...
Рейтинг: 0 / 0
03.11.2006, 10:57
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103544
Артем1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем1
Участник
Antonariy Артем11. Установить размеры div-а в JS-функции.div.style.height, div.style.width

Так пробовал, говорит, объект не поддерживает это свойство или метод. Дебагить предлагает.

AntonariyА зачем вообще что-то менять из функции? Чем не устраивают относительные размеры в процентах?

В процентах почему-то не работает. Отображается вся таблица без скроллов.
...
Рейтинг: 0 / 0
03.11.2006, 11:55
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103560
Артем1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем1
Участник
Сама таблица (ASP.NET GridView) тоже генерирует вокруг себя div (без атрибутов, просто div). Это может влиять?
...
Рейтинг: 0 / 0
03.11.2006, 11:58
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103619
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Чтобы появились скроллы, нужно первым элементом документа сделать таблицу с width и height=100%, в ней делать ячейки с нужными пропорциями, а в них класть div опять же с width и height=100%, overflow и прочими пирогами. Тебе подойдет такая структура:
Код: plaintext
1.
2.
3.
4.
5.
<body scroll=no>
<table width= 100 % height= 100 %>
<tr><td height= 1 %>Здесь будет фильтр</td></tr>
<tr><td><div style="overflow:auto;height:100%;width:100%;">Здесь будет таблица с фильтруемым контентом</div></td></tr>
</table>
</body>
...
Рейтинг: 0 / 0
03.11.2006, 12:10
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103691
Артем1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем1
Участник
AntonariyЧтобы появились скроллы, нужно первым элементом документа сделать таблицу с width и height=100%, в ней делать ячейки с нужными пропорциями, а в них класть div опять же с width и height=100%, overflow и прочими пирогами. Тебе подойдет такая структура:
Код: plaintext
1.
2.
3.
4.
5.
<body scroll=no>
<table width= 100 % height= 100 %>
<tr><td height= 1 %>Здесь будет фильтр</td></tr>
<tr><td><div style="overflow:auto;height:100%;width:100%;">Здесь будет таблица с фильтруемым контентом</div></td></tr>
</table>
</body>


Сделал так, кроме одного момента - таблица - не первый элемент документа, т.к. используются шаблоны (MasterPage) и эта страница его юзает. Все равно у окна есть скроллы, а сам div размером с таблицу, и у него никаких скроллов нет :(
...
Рейтинг: 0 / 0
03.11.2006, 12:25
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103716
Артем1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем1
Участник
Попробовал на новой странице - так действительно работает. Осталось понять, что у меня лишнего, что мешает так же отобразить.
...
Рейтинг: 0 / 0
03.11.2006, 12:30
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103739
Артем1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем1
Участник
Не, потестировал в IE - тоже не то. Если окно не распахнуто полностью, то скроллы div-а не видны (за границей экрана). А если body scroll=no, то до них вообще не дотянуться :)
...
Рейтинг: 0 / 0
03.11.2006, 12:34
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103747
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
div.parentElement.parentElement.parentElement...

Чтобы div имел скроллы, нужно, чтобы у каждого parentElement были проставлены абсолютые или относительные размеры и чтобы элемент самого верхнего уровня перед body был бы желательно таблицей (точно не дивом, насчет других не знаю).
...
Рейтинг: 0 / 0
03.11.2006, 12:36
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103762
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Артем1Не, потестировал в IE - тоже не то. Если окно не распахнуто полностью, то скроллы div-а не видны (за границей экрана). А если body scroll=no, то до них вообще не дотянуться :)Не верю (с)
...
Рейтинг: 0 / 0
03.11.2006, 12:39
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103791
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Если опять не алё, выложи свою страницу, расскажу что в ней не так.
...
Рейтинг: 0 / 0
03.11.2006, 12:46
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103813
Артем1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем1
Участник
Да, у тебя нормально все работает. Сейчас поправлю шаблон и еще разок попробую. Если не але, то выложу :). Спасибо за внимание к моей проблеме.
...
Рейтинг: 0 / 0
03.11.2006, 12:52
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34103849
Артем1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем1
Участник
Не, чего-то так и не получается :(
...
Рейтинг: 0 / 0
03.11.2006, 12:59
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34104268
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Дааа, пришлось позаморачиваться. А проблема оказалась в первой строчке - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
Если ее убрать, то все почти в порядке.
...
Рейтинг: 0 / 0
03.11.2006, 14:24
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34104288
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
А конкретно, броузеру не нравится атрибут "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd".
...
Рейтинг: 0 / 0
03.11.2006, 14:28
| Ответить | Цитировать | Написать  
Неполучается подогнать div под нужный размер.
    #34105580
Артем1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем1
Участник
Слушай, огромное тебе спасибо. Заработало наконец-то!

Я кстати не нашел, где в коде генерится такая строка:

Код: plaintext
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

нашел только такую:

Код: plaintext
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->

Закомментарил ее полностью - и заработало.

Еще раз спасибо!
...
Рейтинг: 0 / 0
04.11.2006, 12:11
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Неполучается подогнать div под нужный размер.
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru             Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=34103813&tid=1459188]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 96ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 14ms
total:  201ms
созд. / загр.: 201ms
x
x
Закрыть


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