Таблица на всю высоту окна
Здравствуйте.
Очень нужно, чтобы какая-то часть страницы была прибита к нижнему краю
окна.
Пробую разные варианты, указываю в таблице height="100%".
Но вот работает не везде:
В ИЕ работает кое-как: он плюёт на заданную высоту первой и последней
строки таблицы. Растягивает их так, как ему удобно.
Опера показывает отлично, но только если она не русифицирована. Если
интерфейс русский, то она забивает на 100%-ную высоту таблицы. А вот
Мозила совсем не хочет прибивать нижнюю строку таблицы к низу экрана.
Посмотрел на работу мастеров: http://ya.ru
У них всё работает во всех браузерах. Но стоит вверху к коду дописать
<!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
как и у них всё перестаёт работать. Причём везде.
А доктайп - всё-таки вещь нужная, если делать страницы как положено. И
без него у меня многие фичи перестают работать... Так что, отказаться
от него не могу.
А как же тогда быть?
On Thu, 20 Apr 2006 17:06:09 +0300, Andrey Yakushev <a_yakush***@i*****.ru>
wrote:
1. А зачем вам strict dtd - поставьте Transitional
2. пропишите в стилях html, body {height:100%;} - тогда даже в strict
высота таблицы растягивается на 100%
3. правда тогда появляется другая проблема - при обычной детской верстке
высота той строки, которую надо тянуть, растягивается на 100%... соотв.
высота экрана получается - 100% экрана + высота верхней строки + высота
нижней строки, следствие - полоса прокрутки.
Попробуйте так (не золотое решение, но какое есть): В таблице стилей пишите
body {height:100%; margin:0px;}
#test {text-align:center;}
#test TABLE {height:100%;}
#test .smallheight {height:20px;}
#test .bigheight {height:90%; border-bottom: 2px solid #ff0000;}
В html-коде документа:
<div id="test">
<table>
<tr>
<td class="smallheight">adlj </td>
</tr>
<tr>
<td class="bigheight"> iejoa j</td>
</tr>
<tr>
<td class="smallheight">adlj </td>
</tr>
</table>
</div>
Это все при
<!doctype html public "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
библиотекa сайтостроительства http://www.i2r.ru/static/244/