Автовыравнивающаяся табличка html

← →
Nic © (2009-04-06 23:37) [0]

Возможно кто-то ссталкивался с задачкой.
Пусть есть таблица из трёх ячеек. Есть ячейка заголовок высотой 50 px и подвал такой же высотой.
А как ячейке между ними задать вот такое значение: 100%-100
То есть высота клиентской области браузера за вычетом шапки и подвала. Грубо говоря, надо чтобы подвал был в самом низу страницы или ниже если очень много текста в средней ячейке. Но не выше. Какбы чтобы подвал не был подвешен в воздухе. Искал примеры на javascript. Что-то гугол находит но прикрутить так и не удалось. Возможно кто-то подскажет решение.
div"ы не подходят как я думаю по причине того что сай большой и уже свёрстан.

← →
antonn © (2009-04-06 23:41) [1]

серединной ячейке выставить height=100%, в шапку и футер добавить контент на 50 пикселей (я вложенную таблицу помещаю, с height=50px, работает всегда и везде, если хочется гимора и костылей - можеш стили юзать и прочее :) )

← →
antonn © (2009-04-06 23:58) [2]

http://antonn.com/xlam/ap.html

← →
Nic © (2009-04-07 00:18) [3]

Спасибо, Антон, буду пробовать. :)

← →
sniknik © (2009-04-07 00:46) [4]

> http://antonn.com/xlam/ap.html
странный стиль, таблици в таблицах...
а по "классике", имхо, все проще получается ->

<html> <body> <table height="100%" width="100%" border="1"> <thead> <tr><td height="50">header</td></tr> </thead> <tfoot> <tr><td height="50">footer</td></tr> </tfoot> <tbody> <tr><td height="*">body</td></tr> </tbody> </table> </body> </html>

или это где то не работает?

← →
KilkennyCat © (2009-04-07 00:55) [5]

> sniknik © (07.04.09 00:46) [4]

почему странный?
Это очень даже хороший стиль. Теоретически, можно склеить всегда любую таблицу, но попробуй потом в ней разобраться.
Ты же наверняка программу пишешь модульно ;)

← →
antonn © (2009-04-07 01:00) [6]

работает, всеми поддерживается и именно для этой задачи подойдет, но вот thead/tfoot могут быть только в одном экземпляре, а вложенные таблицы - нет :)
к тому же у меня были проблемы с этим на ИЕ в КПК, он их (точнее контент в них) рисовал вообще вне области таблицы, потому я делаю как выше (ну и для вертикальных столбцов аналогично получается).
Еще проблема может вылезти с заданием размера в пикселях для одной ячейки и незадания (или в процентах) для другой - таблица может не разъехаться, потому я всегда в одну ячейку кладу раздвигающие 100%, а в другие сам контент на нужную величину.

← →
sniknik © (2009-04-07 01:07) [7]

> но вот thead/tfoot могут быть только в одном экземпляре
ну. они то как раз не цель и ни на что не влияют (просто удобно хедеры/футеры обозначать, и за порядком не следить), а так. пожалуйста, то же самое, только в профиль...
<html> <body> <table height="100%" width="100%" border="1"> <tr><td height="50">header</td></tr> <tr><td height="*">body</td></tr> <tr><td height="50">footer</td></tr> </table> </body> </html>

> и незадания (или в процентах) для другой
вообще то у меня задается и не в процентах... а, по букварю html, символом по которому "отдается оставшееся место, или больше если контент не влазит" - т.е. именно то что нужно.
правда у меня букварь старый, а сейчас может правила уже поменяли?

> <tr><td height="50">header</td></tr>
> <tr><td height="*">body</td></tr>
> <tr><td height="50">footer</td></tr>

вот об этом я и говорил - такая конструкция не раз подводила, теперь как правило - либо только проценты (для "динамических" таблиц), либо фиксированные значения. Потому когда надо задать величину в пикселях приходится в таблицу пихать либо вложенную таблицу, либо что то еще (хотя бы прозрачный gif на нужную величину :) ). Даже если у самой таблицы указан height, экспериментировать надоело, вывел себе работающий везде код и копипащу его :)

даже графики на таблицах рисую - http://antonn.com/index.php?forum&th=98&th_stats :)

Автовыравнивающаяся табличка html Найти похожие ветки