VPF::Зафиксировать высоту ячейки таблицы

korob2001

Дата 30.1.2007, 10:15 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Комодератор
Сообщений: 2871
Регистрация: 29.12.2002

Репутация: нет
Всего: 61

Привет!
Есть такая таблица:

Код


<table border="1" width="300" cellspacing="5" cellpadding="5">
    <tr>
        <td>Заголовок, в одну строку</td>
        <td rowspan="2">Здесь<br/>несколько<br/>строк.<br/>И ещё<br/>несколько<br/>строк.<br/>И последние<br/>несколько<br/>строк.</td>
    </tr>
    <tr>
        <td>Здесь несколько строк.</td>
    </tr>
</table>

Мне необходимо зафиксировать высоту чейки "Заголовок, в одну строку" ну скажем 30px. Пробовал указать высоту так:

Код


<table border="1" width="300" cellspacing="5" cellpadding="5">
    <tr>
        <td style="height: 30px">Заголовок, в одну строку</td>
        <td rowspan="2">Здесь<br/>несколько<br/>строк.<br/>И ещё<br/>несколько<br/>строк.<br/>И последние<br/>несколько<br/>строк.</td>
    </tr>
    <tr>
        <td style="height: 100%">Здесь несколько строк.</td>
    </tr>
</table>

Но что-то не это помогло, высота верхней и нижней ячейчки растягиваются равномерно. C width с такой проблемой не сталкивался. Вобщем мне нужно сделать так, что бы растягивалась только нижняя ячейка.

--------------------

"Время проходит", - привыкли говорить вы по неверному пониманию.
"Время стоит - проходите вы".

japanes

Дата 30.1.2007, 12:06 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7

в ИЕ с проблемы с таблицами у которых указан rowspan и colspan поправить это можно, например вложеной талицей

korob2001

Дата 30.1.2007, 12:32 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Комодератор
Сообщений: 2871
Регистрация: 29.12.2002

Репутация: нет
Всего: 61

Вложенная таблица не подходит. Я раньше так и делал. Но мне теперь необходимо сделать так, что бы нижняя часть правой ячейки, и нижняя часть левой-нижней ячейки были на одном уровне. Или я что-то не так понимаю?
Я так понял предложение о вложенных таблицах:

Код


<style type="text/css">
.tbl {
   border-color: #cc0000;
   border-width: 1px;
   border-style: solid;
}
</style>
<table border="1" width="400" cellspacing="0" cellpadding="0">
    <tr>
        <td style="vertical-align: top; width: 200px">
            <table style="width: 100%" class="tbl" cellspacing="5" cellpadding="5">
                   <tr>
                       <td class="tbl">Заголовок, в одну строку</td>
                   </tr>
                   <tr>
                       <td class="tbl">Здесь несколько строк.</td>
                   </tr>
            </table>
        </td>
        <td>
            <table width="100%" cellpadding="5" cellspacing="5" class="tbl" style="border-color: #0000cc">
                   <tr>
                       <td class="tbl" style="border-color: #0000cc">
                                 Здесь<br/>
                                 несколько<br/>
                                 строк.<br/>
                                 И ещё<br/>
                                 несколько<br/>
                                 строк.<br/>
                                 И последние<br/>
                                 несколько<br/>
                                 строк.
                       </td>
                   </tr>
            </table>
        </td>
    </tr>
</table>

Т.е. мне нужно, что бы красная и синяя таблицы, имели одинаковую высоту. При этом высота верхней ячейки первой таблицы, должна оставаться неизменной, т.е. растянуться должна именно нижняя ячейка.

Это сообщение отредактировал(а) korob2001 - 30.1.2007, 12:54

--------------------

"Время проходит", - привыкли говорить вы по неверному пониманию.
"Время стоит - проходите вы".

japanes

Дата 30.1.2007, 13:03 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7

можно сделать своеобразный "хак" создать таблицу высотой в 1рх и в нее ложить блоки нужной величины

Код


<table style="height:1px;">
<tr>
<td rowspan="2"></td>
<td><div style="height:30px;"></div></td>
</tr>
<tr>
<td><div style="height:300px;"></div></td>
</tr>
</table>

korob2001

Дата 31.1.2007, 20:35 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Комодератор
Сообщений: 2871
Регистрация: 29.12.2002

Репутация: нет
Всего: 61

Всё равно верхняя ячейка растягивается. ;((((((

--------------------

"Время проходит", - привыкли говорить вы по неверному пониманию.
"Время стоит - проходите вы".

japanes

Дата 1.2.2007, 12:47 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7

Код


<table>
<tr>
<td></td>
<td style="vertical-align:top;">
<table>
<tr>
<td style="height:30px;"></td>
<td style="height:300px;"></td>
</tr>
</table>
</td>
</tr>
</table>

Nuxx

Дата 2.2.2007, 11:48 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 22
Регистрация: 2.11.2006

Репутация: нет
Всего: нет

Народ, да забудьте вы про таблицы, наконец! Сколько можно??

Тогда уж накрайняк используйте строку с 2-мя ячейками и в левой ячейке вставьте фиксированный (высота) див, то что вне дива будет ниже

Это сообщение отредактировал(а) Nuxx - 2.2.2007, 11:56

korob2001

Дата 3.2.2007, 14:42 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Комодератор
Сообщений: 2871
Регистрация: 29.12.2002

Репутация: нет
Всего: 61

Спасибо за помощь, вроде разобрался. Пока вроде всё нормально.

--------------------

"Время проходит", - привыкли говорить вы по неверному пониманию.
"Время стоит - проходите вы".

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »