есть задача - растянуть 1 или несколько ячеек таблыцы так, что бы высота таблицы была равной высоте окна (которое, понятно, при разном разрешении разное).

Вот один из частых случаев - к примеру разместить картинку по центру страницы. Есть примерно такой код:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ru"> <head> <title>bla-bla-bla</title> </head> <body> <table width="100%" cellspacing="0" cellpadding="0">  <tr>   <td style="padding-top: 50%">Съешь ещё этих сладких французских булочек</td>  </tr>  <tr>   <td valign="middle" align="center" height="290" width="100%">    <table style="height: 290" width="100%" cellspacing="0" cellpadding="0">     <tr>      <td valign="middle" align="center">      <img src="logo.gif" style="height: 290" width="290" alt=" ">      </td>     </tr>    </table>   </td>  </tr>  <tr>   <td style="padding-top: 50%">Съешь ещё этих сладких французских булочек</td>  </tr> </table> </body> </html>

Cтраница растягивается до непонятных размеров так, что появляется скролл. Что она берёт за 100% я не понял, но это явно не поле окна. Как растягивать ячейки таблицы при Transitional?

Пользуемся поиском по форуму ;)

http://www.quirksmode.org/css/100percheight.html

Это сообщение отредактировал(а) dm9 - 27.6.2005, 22:36

Спасибо! Ссылка очень полезной оказалась!

Помогите и мне разобраться, плиз.
Имеем валидный HTML 4.01 Transitional:



Нужно, чтобы таблица растягивалась на всё окно браузера по высоте, но при этом верхняя и нижняя ячейки оставались фиксированными, а средняя - резиновой.

Приведённый пример работает везде кроме IE . Без DOCTYPE работает везде, но убирать его я не хочу. Высоту пробовал ставить и на TR - пофигу.

Кстати, в спецификации CSS написано:

Это что означает? Что по стандартам height ваще нельзя ставить ни на TR, ни на TD???

К <tr> высота не применяется
Пользуйся поиском, сдесь очень много ссылок по <!DOCTYPE>

Greendrake, прочитай статью:
http://www.quirksmode.org/css/100percheight.html

А к TD по стандартам применяется хошь сказать?


А по доктайпу у меня вопросов и нет.


Её я читал, а ты мой пост?
У меня нет проблем с растягиванием таблицы на 100% по вертикали. Проблемы с высотой ячеек при таком растягивании.

Это сообщение отредактировал(а) Greendrake - 13.2.2006, 13:16

Greendrake, Возможно при таком DOCTYPE тебе следует форматировать layout div-ами а не table-ами.

Возможно. Решение, я, впрочем, нашёл - в таблице, растянутой по вертикали на 100%, делаем два TR, в каждом из них по одному TD; в верхнем содержимое оттесняем к верху, в нижнем - к низу (через vertical-align). В каждый TD по диву - шапка и подол соответственно. Всё работает при указанном доктайпе.

Но мне тем не менее интересно поведение IE, описанное выше. При задании высоты верхнего и нижнего TD он как бы нарошно, издеваясь, делает её не такой какой задано, а шире, чем средней! Я бы ещё понял если бы он просто игнорировал высоту, а тут блин...

Попробую поднять вопрос снова.

Задача: сделать разметку страницы, как на http://www.ueberschall.com/ без фреймов при доктайпе HTML 4.01 Transitional, чтобы валидатор был доволен и чтоб работало в последних браузерах.

Что конкретно нужно: 3 горизонтальных блока, верхний и нижний - фиксированной высоты, центральный - с полосой прокрутки (див видимо должен быть). Вся конструкция всегда растянута до 100% от окна - полоса прокрутки у окна быть не должна (если конечно его не ужать до размера суммы верхнего и нижнего блоков по вертикали).

В принципе готов даже отблагодарить материально за решение (либо прошу знатоков дать квалифицированный ответ, что такого решения пока нет - фреймы форева   ). 

Ну, начнем с того что там не валидный доктайп, а следовательно браузер переходит в quirk mode
 

Greendrake, решение для не IE:
 

Illuminaty
вах! маладца!
даже валидатор не подавилси!


 

А то  
Но повторю, что это решение только не для IE. То есть - информация к размышлению: как было бы хорошо, если ...
Удачи! 

все юзеры планеты выкинули ИЕ  это ты хотел сказать?