Растянуть вложенную таблицу по вертикали

Някрамант · 15.08.2006, 16:31

Требуется растянуть по высоте вложенную таблицу.
Пример:

Код:

<html>
  <head>
    <title>Test borders</title>
  </head>
  <style type="text/css">
 <!--
   table {
   	border-style: solid;
   	border-width: 1pt;
    border-spacing: 5pt;
   	border-color: black;
   	background: silver;
   	padding: 5pt;
   	margin: 0pt;
   }
   
   table table {
	background: aqua;
	height: 100%;
   }
   
   td {
    border-style: solid;
    border-width: 1pt;
    background: lightgreen;
    padding: 0.3em;
   }
   
   td#bigcell {
	background: gold;
	padding: 5pt;
   }
   table table td {
    background: #99C8FF;
   }
   
   tr {
 	vertical-align: top;
   }
 //-->
 </style>
  <body marginheight="0" marginwidth="0" topmargin="0" rightmargin="0">
  <table vAlign="top">
    <tr>
      <td>Cell 1,1</td>
      <td>Cell 1,2</td>
      <td>Cell 1,3 - one three</td>
      <td>Cell 1,4 - one four</td>
    </tr>
    <tr>
      <td>Cell 2,1</td>
      <td>
	  Cell 2,2

	  Some additional text

	  to test the sprain of the table

	  Vulica kovala nas

	  Nas nie dogoniaci

	  Prosta mienee tak hochycisia

	  Ja nie znaju slova &quot;Nie&quot;

	  </td>
      <td colspan="2" id="bigcell" height="100%">
	  
 		<table id="SecondTable" width="100%" height="100%">
     		<tr>
       		<td>Cell 2,3-1</td>
            <td>Cell 2,3-2</td>
			</tr>
   		</table>
	  
	  </td>
    </tr>
  </table>
  </body>
</html>

vision · 15.08.2006, 21:31

Някрамант, процентное указание высоты таблицы возможно только для последних версий браузеров FF2, O9 в остальных случаях px.

Някрамант · 16.08.2006, 00:59

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

Вообще требуется только отразить границу между ячейками(в примере Cell 2,3-1 и Cell 2,3-2)
так как таблица не растягиваеся граница повисает в воздухе.

Я уже подставил значение с height:100% в CSS для <TD> и всё работает в IE6 и Mozilla Firefox 1.5
К сожалению не работает в Opera 9 и Safari (стоит у начальника)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как отредактировать таблицу	miksik1987	ASP, Perl, PHP и MySQL	2	15.01.2016 12:20
Как растянуть картинку по горизонтали и вертикали	74ivan74	HTML, CSS, JavaScript	22	02.04.2011 17:30
Видеть вложенную анимацию в исходнике	apollo-21	Векторный арт	0	29.08.2006 18:46
Как растянуть таблицу на 100%?	Anya_Lebedeva	HTML, CSS, JavaScript	3	02.02.2005 13:19
Как по вертикали растянуть!	kors@r	Зал дебютантов	13	26.04.2004 20:06

15.08.2006, 21:31	#2
vision	Някрамант, процентное указание высоты таблицы возможно только для последних версий браузеров FF2, O9 в остальных случаях px.

16.08.2006, 00:59	#3
Някрамант	В оригинале где мне требуется растянуть таблицу из-за одной ячейки(в примере Cell 2,2) высота таблицы растягивается больше заданной (это не критично) и таблица не растягивается. Вообще требуется только отразить границу между ячейками(в примере Cell 2,3-1 и Cell 2,3-2) так как таблица не растягиваеся граница повисает в воздухе. Я уже подставил значение с height:100% в CSS для <TD> и всё работает в IE6 и Mozilla Firefox 1.5 К сожалению не работает в Opera 9 и Safari (стоит у начальника)

15.08.2006, 16:31
Ссылки