Проблемы с масшабирование div в таблице

alcrux · №1

Добрый день!

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

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 · №2

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

Daenur · №3

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

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

Полезная информация

№126-10-2007 12:24:30

Проблемы с масшабирование div в таблице

№226-10-2007 14:08:44

Re: Проблемы с масшабирование div в таблице

№303-03-2008 13:53:00

Re: Проблемы с масшабирование div в таблице

Board footer