Форум Сайтостроение Веб-строительство

Растягивание ячейки таблицы на 100% высоты экрана

D7
На сайте с 23.11.2005
Offline
114
Denisss70
1932

Здравствуйте!

Столкнулся с проблемой. Сайт сделан в виде таблицы. Не стал верстать используя div.

Всего три области:

1. шапка;

2. центр таблицы - основная часть, где располагается текст и тп, в зависимости от объема информации высота меняется;

3. подвал.

шапка и подвал фиксированной высоты. требуется растянуть центральную ячейку. всем родителям дал параметр height:100%, в том числе и центральной ячейке. В мозилле и опере все отлично, вытягивается на 100% высоты. А в ие7 вытягивается больше чем на 100% и появляется вертикальная полоса прокрутки. Как в ие7 растянуть на 100% высоты экрана браузера?

kil
На сайте с 03.04.2006
Offline
84
kil
#1

ИМХО лучшее решение — не компостировать себе мозг и динамически менять размеры скриптом.

mff
На сайте с 21.02.2008
Offline
282
mff
#2

Denisss70, 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

В стиле: 

html{

	width: 100%;

	height: 100%;

}

body{

	width: 100%;

	height: 100%;

}

Таблице: 

<table height="100%">

Ячейке которая должна растягиваться: 

<td height="100%">
Управление репутацией в сети: https://timbook2.ru/
D7
На сайте с 23.11.2005
Offline
114
Denisss70
#3
mff:
Denisss70, 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

В стиле: 
html{

	width: 100%;

	height: 100%;

}

body{

	width: 100%;

	height: 100%;

}

Таблице: 
<table height="100%">

Ячейке которая должна растягиваться: 
<td height="100%">

в том то и вся фишка, что дав всем родителям height:100% и тоже самое требуемой ячейке, она растягивается в ИЕ7 больше чем на 100%.

сменил !DOCTYPE что выше написали, а был именно такой на <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> и все нормально отображаться стало

Google: как сделать статические Оптимизация плавающих фреймов для Возможности для брендинга в

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий