Предыдущая тема :: Следующая тема |
Автор |
Сообщение |
Vis555
Зарегистрирован: 15.06.2006 Сообщения: 1
|
Добавлено: Чт Июн 15 2006 17:07 Заголовок сообщения: HELP! Вложенные таблицы HTML (вроде бы простая задачка) |
|
|
Всем привет. есть задачка кот. честно говоря загнала в тупик...
<html>
<head/>
<title/>
<body>
<table border=1>
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>222</td>
<td width="50px">222 2222 2222 2222 2222</td>
<td colspan=2 style="padding: 0; margin-top:0;" style="height:100%" >
<table style="height:100%" border=1>
<td>333</td>
<td>333</td>
<tr>
<td>444</td>
<td>444</td>
</table>
</td>
</tr>
</table>
</body>
</html>
Имеем 2 вложенных таблицы (по смыслу задачи должны быть именно вложенные таблицы, а не rowspan) Элементы 333,444 как раз элементы 2 таблицы.
Собственно вопрос. Нужно чтоб ее высота была равна высоте содержащей ее ячейки. То есть чтоб верхняя и нижняя ее границы совпадали с границами колонки. Должен быть аналог rowspan только с использованием таблицы |
|
Вернуться к началу |
|
|
EvilHamster
Зарегистрирован: 07.04.2006 Сообщения: 30 Откуда: www.ncstu.ru
|
Добавлено: Чт Июн 15 2006 18:23 Заголовок сообщения: |
|
|
извратская конечно таблица...
Возможно вы имели ввиду это:
<table border=1>
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
<tr height="100%">
<td>222</td>
<td width="50px">222 2222 2222 2222 2222</td>
<td colspan=2 style="padding: 0; margin-top:0;" style="height:100%" >
<table style="height:100%" border=1>
<td>333</td>
<td>333</td>
<tr>
<td>444</td>
<td>444</td>
</table>
</td>
</tr>
</table>
не совсем ясно что за аналог rowspan? |
|
Вернуться к началу |
|
|
пып
Зарегистрирован: 31.05.2006 Сообщения: 10
|
Добавлено: Пн Июн 19 2006 18:02 Заголовок сообщения: |
|
|
В IE6 вот так работает
Код: |
<html>
<head />
<body>
<table border="1">
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
<tr height="100%">
<td>222</td>
<td width="50px">222 2222 2222 2222 2222</td>
<td colspan="2" style="padding: 0; margin:0; height:100%">
<table style="height:100%;" border="1">
<tr>
<td>333</td>
<td>333</td>
</tr>
<tr>
<td>444</td>
<td>444</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|
а вот так не работает
Код: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!-- дальше все то же самое -->
|
|
|
Вернуться к началу |
|
|
|