Таблица в таблице, результат - ступеньки. @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 5 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
yzuken Муж.
новый человек
3
Сообщения: 5
Зарегистрирован: 30.09.08
Откуда: ПольтавА
Заголовок сообщения: Таблица в таблице, результат - ступеньки.
Сообщение Добавлено: 2 Октябрь 2008, 21:24:41 
Подскажите кто-нибудь, как можно сделать одинаковую высоту таблицы в таблице. Если прописать высоты для ячеек и таблиц на 100 %, то в случае неодинакового количества содержимого - у таблицы с меньшим количеством контента появляются пропорциональные отступы сверху и снизу. Так вот можно как-нибудь избавиться от этих отступов, и сделать чтобы все таблицы были в один ряд?
Я догадываюсь, что такая практика не соответствует стандартам читабельности кода, и возможно html стандартам. Но к сожалению, у меня в распоряжении только эти таблицы. И мне бы хотелось узнать, возможно есть какие-нибудь хаки. Вероятно кто-нибудь уже сталкивался с подобной проблемой.

Если я неудачно объяснил - прилагаю код того, о чем я говорил.

Благодарю за отзывы.

Код:
<style>
.left_td{
   
   background-color:#CC0000;
}
.right_td{
   background-color:#006600;
}
.left_table{
   background-color:#00FF00;
}
.right_table{
   background-color:#FF9900;
}   
   
</style>
<table cellspacing="0" cellpadding="0" border="0">
    <tr>
       <td class="left_td" height="100%">
           <table class="left_table" cellspacing="0" height="100%" cellpadding="0" border="0">
                <tr>
                    <td>Left td of Left table</td>
                    <td>Right td of Left table</td>
                </tr>
           </table>
        </td>
        <td class="right_td" height="100%">
        <table class="right_table" cellspacing="0" height="100%" cellpadding="0" border="0">
            <tr>
                <td>
                         Left td of Right table
                </td>
                <td>
                   Right td of Right table<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
                </td>
            </tr>
        </table>
        </td>
    </tr>
</table>
Podveg Razvedcheka Муж.
участник
7
Сообщения: 1303
Зарегистрирован: 21.01.08
Откуда: г. Казань
Сообщение Добавлено: 3 Октябрь 2008, 09:48:01 
если <tr valign="top">, тогда таблицы будут выровнены по верху
Martin Saulis Муж.
новый человек
8
Сообщения: 87
Зарегистрирован: 22.11.05
Откуда: Вильнюс. Литва
Сообщение Добавлено: 4 Октябрь 2008, 18:03:24 
css:
Код:
td { vertical-align: top; }
yzuken Муж.
новый человек
3
Сообщения: 5
Зарегистрирован: 30.09.08
Откуда: ПольтавА
Сообщение Добавлено: 6 Октябрь 2008, 13:33:48 
Спасибо конечно, но я хотел узнать, можно ли сделать чтобы и сверху и снизу все было вровень.

2Martin Saulis: Вы наверное не до конца поняли, о чем я спрашивал.
Лампочка Жен.
Модератор
135
Сообщения: 4165
Зарегистрирован: 17.05.06
Откуда: трехкомнатная страна
Сообщение Добавлено: 7 Октябрь 2008, 11:18:47 
Что мешает сделать так?
Код:
<style>

table tr {
   vertical-align: top;
}
.left_td{   
   background-color:#00FF00;
}
.right_td{
   background-color:#FF9900;
}
   
</style>
<table cellspacing="0" cellpadding="0" border="0">
    <tr>
       <td class="left_td">
           <table cellspacing="0" cellpadding="0" border="0">
                <tr>
                    <td>Left td of Left table</td>
                    <td>Right td of Left table</td>
                </tr>
           </table>
        </td>
        <td class="right_td" height="100%">
         <table cellspacing="0" cellpadding="0" border="0">
            <tr>
               <td>Left td of Right table</td>
               <td>Right td of Right table<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></td>
            </tr>
         </table>
        </td>
    </tr>
</table>
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 5 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100