td берет 100% высоты всего окна

oibeer · November 17, 2009

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

<!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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<style>
html, body { height:100%; width:100%; margin:0; padding:0;}
.menupanel {overflow:auto;overflow-y:scroll;height:100%;width:100%;}
td {border:1px red solid;}
</style>

<title>Untitled 1</title>
</head>

<body>

<table style="width: 100%; height:100%;">
	<tr>
		<td style="height: 30px;"> </td>
	</tr>
	<tr>
		<td style="height: 100%; background-color:gray;"><div class="menupanel"></div></td>
	</tr>
	<tr>
		<td style="height: 10px;"> </td>
	</tr>
</table>

</body>

</html>

Edited November 17, 2009 by oibeer

shvv · November 17, 2009

В таблице из средняя ее строка должна съедать все ее свободное пространство. из ниже приведенного кода, в фф она съедает его вполне правильно. заполняя собой все свободное пространство и не раздуваясь за пределы окна, а в ие и опере она берет высоту 100% окна в целом, а не просто раздувается на все доступное ей пространство. как ее заставить во всех бразуерах вести себя аналогично фф.
<!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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<style>
html, body { height:100%; width:100%; margin:0; padding:0;}
.menupanel {overflow:auto;overflow-y:scroll;height:100%;width:100%;}
td {border:1px red solid;}
</style>

<title>Untitled 1</title>
</head>

<body>

<table style="width: 100%; height:100%;">
	<tr>
		<td style="height: 30px;"> </td>
	</tr>
	<tr>
		<td style="height: 100%; background-color:gray;"><div class="menupanel"></div></td>
	</tr>
	<tr>
		<td style="height: 10px;"> </td>
	</tr>
</table>

</body>

</html>

http://forum.htmlbook.ru/index.php?showtop...ost&p=81663

Sign In

td берет 100% высоты всего окна

Question

oibeer

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

shvv

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information