>Форум Mozilla Россия
   http://forum.mozilla-russia.org/index.php
>Разработка
   http://forum.mozilla-russia.org/viewforum.php?id=18
>Проблемы с масшабирование div в таблице
   http://forum.mozilla-russia.org/viewtopic.php?id=19718

alcrux > 26-10-2007 12:24:30

Добрый день!

Надо получить следующие

1. вверху страницы находиться заголовок.
2. ниже него содержание с прокруткой, которое заполняет всю оставшуюся часть странницу.  При прокрутке заголовок должен оставаться на месте. На первй взляд это легко сделать
<html>
<body>
<table width="100%" height="100%" >
<tr><td width="50px">Title</td></tr>
<tr><td> <div style="height:100%;width:100%; overflow-y:scroll">Content....</div></td></tr>
</table>
</body>
</html>

Предполагается что все содержание не помещается по вертикале в окне. В IE все работает нормально. В FF размер div по вертикали равен размеру содержания, а не оставщейся части окна и прокрутка появляется не у div, а у body. Если задать размер div не в процентах, а в пикселах, то тоже все нормально, но тогда размер div не будет следовать за размерами окна, при изменении его размеров.

Сущесвует ли способ достигнуть того, что требуется?
Если сущесвует, то как это сделать?


Спасибо

Lynn > 26-10-2007 14:08:44

http://lynn.ru/examples/footer-at-bottom.xhtml
http://lynn.ru/examples/fixed-header-footer.xhtml

Daenur > 03-03-2008 13:53:00

Аналогичная проблема. Добавлю, что если сделать position:absolute у DIV'а, то в IE все нормально, а в FF DIV расползается под размеры контента, выходя за рамки родительского TD.

В примерах, насколько я понял, проблема решена за счет замены таблицы DIV'ами. А как все же заставить DIV нормально работать в таблице? Чтобы он понимал границы родительского элемента и не растягивал таблицу.