Столкнулся с такой проблемой как блоки внутри таблицы. Как сделать блок #second высотой в 100% от родителя? http://jsfiddle.net/rDfgW/
Доктайп поставь такой Код (Text): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Код (Text): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Привет, Мир!</title> <style type="text/css"> html, body, table { width: 100%; height: 100%; } tr.header { height: 71px; } tr.footer { height: 100px; } div.cd { height: 100%; border: solid 1px black; } </style> </head> <body> <table> <tr class="header"> <td>asd</td> <td>qwe</td> <td>zxc</td> </tr> <tr> <td>qwe</td> <td><div class="cd">asd</div></td> <td>zxc</td> </tr> <tr class="footer"> <td>zxc</td> <td>qwe</td> <td>asd</td> </tr> </table> </body> </html>
sobachnik, как мне кажется, это не совсем то, что требуется. Насколько я знаю, в данном случае блок second не сделать высотой в 100% от родителя с помощью CSS, если не известна высота родителя.
Ну, браузеру-то высота известна, он же её всё равно по каким-то своим правилам рассчитывает, чтобы картинку нарисовать на экране. При указанном выше доктайпе высота дива (у которого height: 100%) внутри другого элемента будет равна высоте другого элемента. При всех остальных известных мне доктайпах высота внутреннего дива будет подгоняться под контент.
Родитель должен иметь указание высоты в пикселях, чтобы потомок вытягивался на 100% по высоте. Сраные стандарты браузеров.
Апельсин, почти так. Пример sobachnik'а работает, но у таблицы 100% высота. sobachnik, попробуйте убрать у table height:100%; Я не исключаю, что есть решение на CSS, которое мне просто неизвестно.
Можете показать полностью код и указать, в каких браузерах работает? Просто у меня ни в одном не захотело. Может я что-то неправильно делаю?