scrollable DIV в FireFox
От: Sib  
Дата: 10.10.08 07:53
Оценка:
Не могу заставить firefox рендерить div на 100% высоты со скроллом, если контейнер тоже имеет высоту в процентах.
вот html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="height: 100%; margin: 0px; padding: 0px" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<style type="text/css">
td
{
border: solid 2px blue;
}
div
{
border: solid 2px grey;
}
</style>
</head>
<body style="height: 100%; margin: 0px; padding: 0px">
<table cellpadding="0" cellspacing="0" style="height: 100%; width: 100%">
<tr style="height: 45px">
<td>
тут что-то фикс высоты, тулбар например
</td>
</tr>
<tr>
<td>
<div style="height: 100%; overflow: auto;">
что то очень длинное надо чтобы это занимало все оставшееся место со скроллом авп<br />
вап<br />
вап<br />
выап<br />
выап<br />
ывап<br />
выап<br />
ыап<br />
выа<br />
пыв<br />
ап<br />
ывап<br />
выап<br />
ывап<br />
выап<br />
в<br />
ыап<br />
выап<br />
выап<br />
ы<br />
ап<br />
выап<br />
выа<br />
пв<br />
ып<br />
выап<br />
выап<br />
выа<br />
пв<br />
ыап<br />
выап<br />
выап<br />
выап<br />
выа<br />
пваы<br />
пв<br />
ыап<br />
выап<br />
выа<br />
вап<br />
ва<br />
пв<br />
ап<br />
вап<br />
выапыва<br />
пвы<br />
ап<br />
выап<br />
выап<br />
выап<br />
выап<br />
выа<br />
пв<br />
ыап<br />
выап<br />
выап<br />
выап<br />
выа<br />
п<br />
выа</div>
</td>
</tr>
</table>
</body>
</html>
Re: scrollable DIV в FireFox
От: брюн Украина  
Дата: 10.10.08 09:24
Оценка:
Здравствуйте, Sib, Вы писали:

Sib>Не могу заставить firefox рендерить div на 100% высоты со скроллом, если контейнер тоже имеет высоту в процентах.

Sib>вот html:

убрать у дива высоту 100%
добавить max-height указав максимально возможную высоту в абс единицах
Re[2]: scrollable DIV в FireFox
От: Sib  
Дата: 10.10.08 13:39
Оценка:
Здравствуйте, брюн, Вы писали:

Б>Здравствуйте, Sib, Вы писали:


Sib>>Не могу заставить firefox рендерить div на 100% высоты со скроллом, если контейнер тоже имеет высоту в процентах.

Sib>>вот html:

Б>убрать у дива высоту 100%

Б>добавить max-height указав максимально возможную высоту в абс единицах

Не понял. Если у дива убрать высоту он растянется по контенту. Какое значение в max-height писать? Смысл задачи в том, чтобы див был на всю высоту контейнера, и для невлезающиго контента внутри себя генерил скролл.
Re[3]: scrollable DIV в FireFox
От: c-smile Канада http://terrainformatica.com
Дата: 10.10.08 15:56
Оценка:
Здравствуйте, Sib, Вы писали:

Sib>Не понял. Если у дива убрать высоту он растянется по контенту. Какое значение в max-height писать? Смысл задачи в том, чтобы див был на всю высоту контейнера, и для невлезающиго контента внутри себя генерил скролл.


Если приведешь в порядок свой пример то может быть будет возможно сказать что у тебя не так.

Порядочные люди приводят минимально достаточные примеры обернутые в
.
Re[3]: scrollable DIV в FireFox
От: брюн Украина  
Дата: 12.10.08 05:13
Оценка:
Здравствуйте, Sib, Вы писали:

Sib>Здравствуйте, брюн, Вы писали:


Б>>Здравствуйте, Sib, Вы писали:


Sib>>>Не могу заставить firefox рендерить div на 100% высоты со скроллом, если контейнер тоже имеет высоту в процентах.

Sib>>>вот html:

Б>>убрать у дива высоту 100%

Б>>добавить max-height указав максимально возможную высоту в абс единицах

Sib>Не понял. Если у дива убрать высоту он растянется по контенту. Какое значение в max-height писать? Смысл задачи в том, чтобы див был на всю высоту контейнера, и для невлезающиго контента внутри себя генерил скролл.

приведи пример нормальный, работающий. и четко покажи что тебе нужно, желательно со скриншотом
пока в твоем примере все эти 100% ни о чем не говорят, и от них можно избавиться добавив max-height
Re[4]: scrollable DIV в FireFox
От: брюн Украина  
Дата: 13.10.08 06:50
Оценка:
Здравствуйте, брюн, Вы писали:


Sib>>Не понял. Если у дива убрать высоту он растянется по контенту. Какое значение в max-height писать? Смысл задачи в том, чтобы див был на всю высоту контейнера, и для невлезающиго контента внутри себя генерил скролл.

Б>приведи пример нормальный, работающий. и четко покажи что тебе нужно, желательно со скриншотом
Б>пока в твоем примере все эти 100% ни о чем не говорят, и от них можно избавиться добавив max-height

точнее так. Если в паренте-контйнере высота указана в процентах, т.е. якобы нельзя определить в пикселах высоту этого контейнера,и она якобы варьируется — то _всегда_ можно найти какойто вышестоящий родитель-контейнер в иерархии, у которого все-таки будет фиксированная высота. и тогда макс. высоту нашего дива уже можно вычислить и задать ее явно. Если же, как в примере- везде стоит 100%, и нет никакого ограничителя по высоте — то тогда естественно скролл не сработает — нет же ограничения, %-нты позволяют неограниченно расширяться вниз, и просто говорят о долях, которые будут распределяться между контейнерами.

надеюсь, понятно.
Re[5]: scrollable DIV в FireFox
От: Reist Россия https://roganov.me
Дата: 14.10.08 06:51
Оценка:
Здравствуйте, брюн, Вы писали:

Б>точнее так. Если в паренте-контйнере высота указана в процентах, т.е. якобы нельзя определить в пикселах высоту этого контейнера,и она якобы варьируется — то _всегда_ можно найти какойто вышестоящий родитель-контейнер в иерархии, у которого все-таки будет фиксированная высота. и тогда макс. высоту нашего дива уже можно вычислить и задать ее явно. Если же, как в примере- везде стоит 100%, и нет никакого ограничителя по высоте — то тогда естественно скролл не сработает — нет же ограничения, %-нты позволяют неограниченно расширяться вниз, и просто говорят о долях, которые будут распределяться между контейнерами.


Б>надеюсь, понятно.


Ну, насчёл дивов — понятно.
Вот у меня такой вопрос, я делаю у себя на сайте такую же разметку как на РСДНе, но без фреймсетов, а на дивах. Как я понял, я не могу это сделать по человечески, так как мне надо будет проставлять высоту в дивах в 100%, а браузеры её нормально не хавают. Вернее, неправильно при этом создают прокрутку.

Есть ли вообще вариант создать кросс-браузерную РСДН разметку на дивах?
Сдуреть можно!
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.