Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы Растянуть вложенную таблицу по вертикали в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Требуется растянуть по высоте вложенную таблицу. Пример: Код: <html> <head> <title>Test borders</title> </head> <style type="text/css"> <!-- table { border-style: solid; border-width: 1pt; border-spacing: ...


Закрытая тема
 
Опции темы
Старый 15.08.2006, 16:31   #1
Требуется растянуть по высоте вложенную таблицу.
Пример:
Код:
<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>
 
Старый 15.08.2006, 16:31
Ссылки
Старый 15.08.2006, 21:31   #2
Някрамант, процентное указание высоты таблицы возможно только для последних версий браузеров 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 (стоит у начальника)
 
Старый 16.08.2006, 00:59
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как отредактировать таблицу 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


Текущее время: 16:47. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум