Форум hotibo.ru
Сайты - по стандартам, но не стандартные сайты!
#1 30.04.2011 23:30
- Lev
- Новичок
- Зарегистрирован: 27.02.2011
- Сообщений: 27
Таблица с прокруткой
Здравствуйте, нужна Ваша помощь.
Имеется следующее:
Текст вверху страницы, который должен оставаться всегда вверху.
Под ним таблица, которая должна быть с прокруткой.
По идее:
html,body{
height:100%;
width:100%;}
#main{
position:absolute;
height:100%;
width:100%;
overflow:scroll;
margin:0;
padding:0;}
Text, text, text...
Но страница растет вниз. Пробовал указать margin-bottom:...px, но не помогает.
Помогите кто может.
Нет на форуме
#2 02.05.2011 12:08
- ash
- Новичок
- Откуда: Москва
- Зарегистрирован: 28.04.2011
- Сообщений: 28
- Вебсайт
Re: Таблица с прокруткой
1)
2) зачем position: absolute ?
3) всё отрабатывает честно - у div задана высота 100% родительского элемента, а это body, который занимает весь экран. Выше дива - текст, из-за этого (а также из-за полос прокрутки у дива) див вместе с таблицей вылезает за пределы окна. Если див ограничить по ширине и высоте - всё работает без проблем
actually, my native language is C++
Нет на форуме
#3 02.05.2011 13:57
- Lev
- Новичок
- Зарегистрирован: 27.02.2011
- Сообщений: 27
Re: Таблица с прокруткой
А как мне правильно ограничить div? height:...px не подойдет, т.к. мне нужно 100%
В принципе, overflow:scroll можно заменить на auto и убрать position:absolute, но как мне вычислить высоту страницы в зависимости от разрешения экрана, чтобы таблица тянулась по всей высоте?
Может есть другие способы, без использования javascript, которые позволяют создать "шапку", которая бы всегда оставалась сверху, даже при "прокручивании" страницы?
Отредактированно Lev (02.05.2011 14:02)
Нет на форуме
#4 02.05.2011 15:18
- lolgfr
- Новичок
- Зарегистрирован: 02.05.2011
- Сообщений: 36
Re: Таблица с прокруткой
Пример
может это подойдет?
Способ второй :
использовать фреймы\ифреймы и не заморачиваться.
Отредактированно lolgfr (02.05.2011 15:50)
Нет на форуме
#5 02.05.2011 16:05
- Lev
- Новичок
- Зарегистрирован: 27.02.2011
- Сообщений: 27
Re: Таблица с прокруткой
lolgfr написал:
Пример
может это подойдет?
Способ второй :
использовать фреймы\ифреймы и не заморачиваться.
Спасибо большое за пример. Буду эксперементировать.
Фреймы не пойдут, это слишком просто 
Нет на форуме
#6 02.05.2011 17:09
- dark-demon
- Moderator
- Зарегистрирован: 23.02.2011
- Сообщений: 229
Re: Таблица с прокруткой
в мозилле не работает.
Нет на форуме
#7 02.05.2011 17:55
- lolgfr
- Новичок
- Зарегистрирован: 02.05.2011
- Сообщений: 36
Re: Таблица с прокруткой
Пример работоспособен для Оперы и ИЕ
----цитата со страницы предложенного примера выше
Работает в ие ,опере и мозилле тоже:-)
Правда в моей Mozilla Firefox 3.0 Alpha 5 неподвижный слой дергается при прокрутке мышкой за скроллбар (при вращении колесика мышки все ок)
Отредактированно lolgfr (02.05.2011 18:08)
Нет на форуме
#8 02.05.2011 18:11
- gordi
- Новичок
- Зарегистрирован: 03.05.2010
- Сообщений: 31
Re: Таблица с прокруткой
Здесь есть пример, возможно устроит:
http://trifler.ru/blog/post_1176923375.html
Мы обречены, помогать друг другу...
Нет на форуме
#9 02.05.2011 19:51
- Lev
- Новичок
- Зарегистрирован: 27.02.2011
- Сообщений: 27
Re: Таблица с прокруткой
Спасибо всем!
Нет на форуме