В IE не могу растянуть ячейку вложенной таблицы

multio · July 20, 2008

a

b

c

Pavel_html · July 20, 2008

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title></title>
  <style type="text/css">

	  html, body{
		  margin: 0px;
		  padding:0px;
	  }

	  table{
		  margin-left:3px;
		  width: 100%;
		  padding: 0px;
	  }

	  table td{
		  margin: 0px;
		  padding: 0px;
	  }

	  td{
	   text-align:center;
	  }

  </style>


  </head>
  <body>

	  <table style="border: 1px solid #000" cellspacing="0" class="table">
		  <tr>
			  <td style="height: 100%">
				  <table  style="height: 100%; border: 1px solid #000" cellspacing="0">
					  <tr>
						  <td style="height: 20px; border: 1px solid red;">a</td>
					  </tr>
					  <tr>
						  <td>b</td>
					  </tr>
				  </table>
			  </td>
			  <td style="height: 100%">c</td>
		  </tr>
	  </table>

  </body>
</html>

При вставке текста в ячейки они будут растягиватся сами.

Pavel_html · July 20, 2008

http://piskun-pavel.spb.ru/primer.html

Pavel_html · July 20, 2008

Ну как?

multio · July 20, 2008

Pavel_html спасибо за внимание - но!

ячейка конечно уменьшилась, но вот все остальное сузилось.

Мне нужно чтобы главная и вложенная таблица по высоте были 100%.

multio · July 20, 2008

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

в моем примере если сузить окно то IE ячейка становиться 20 пикселей и меньше не становиться, но при полном окне он ее увеличивает по высоте, на какое -то "непонятное" число пикселей, откуда он их берет я не понимаю.

если использовать transitional - о все нормально по высоте, но не работают некоторые другие вещи которые мне нужны..

bamboo · July 20, 2008

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title></title>
  <style type="text/css">

	  html, body{
		  height: 100%;
		  margin: 0px;
		  padding:0px;
	  }

	  table{
		  width: 100%;
		  margin: 0px;
		  padding: 0px;
	  }

	  table td{
		  margin: 0px;
		  padding: 0px;
	  }

  </style>
 </head>
<body> 
<table>
	<tr>
		<td>
			<table>
				<tr><td style="height: 20px; border: 1px solid red">a</td></tr>
				<tr><td>b</td></tr>
			</table>
		</td>
		<td>c</td>
	</tr>
</table>
</body>
</html>

multio · July 20, 2008

Ладно люди спасибо за внимание, но главная таблица не получается растянутой на 100% по высоте.

Решил попробовать сделать все div -ами.

Так что смотрите, если найдете то решение которое изначально у меня описано пишите, я гляну.

Но если ваше решение убирает растяжку для главной таблицы на 100% смысл все равно теряется.

Pavel_html · July 20, 2008

зачем тебе растягивать? ведь при добавление коннекта он сам растянется...

multio · July 20, 2008

Дизайн такой, должна быть обсолютная резина.

Потому и обратился сюда,

если бы все было так просто сам бы сделал...

но некоторые вещи как видно иногда создают проблемы

Sign In

В IE не могу растянуть ячейку вложенной таблицы

Question

multio

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Pavel_html

Link to comment

Share on other sites

Pavel_html

Link to comment

Share on other sites

Pavel_html

Link to comment

Share on other sites

multio

Link to comment

Share on other sites

multio

Link to comment

Share on other sites

bamboo

Link to comment

Share on other sites

multio

Link to comment

Share on other sites

Pavel_html

Link to comment

Share on other sites

multio

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information