Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Таблица с нижней строкой фиксированной высоты 
V
    Опции темы
teroni
Дата 29.9.2008, 23:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 381
Регистрация: 15.5.2007
Где: Днепропетровск

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



Есть такая вот табличка:
Код

<table width="100%" border="1">
   <tr>
      <td width="50%" rowspan="2">[menu]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />[menu]
      </td>
      <td width="50%">[content]</td>
   </tr>
   <tr>
      <td>(c)2008</td>
   </tr>
</table>

Как сделать, чтобы ячейка с ©2008 была по высоте допустим 20 пикселов, а всё остальное место по высоте занимала ячейка, в которой [content]?
PM MAIL   Вверх
doook
Дата 30.9.2008, 14:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 40
Регистрация: 31.5.2007
Где: Украина, Киев

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



Код

<table height="100%" width="100%"  border="1">
   <tr>
      <td width="20%"  rowspan="2">[menu]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />[menu]
      </td>
      <td width="80%"><div height="100%">[content]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />[content]</div></td>
   </tr>
   <tr width="80%">
   <td height="20">(c)2008</td>
   </tr>
</table>


PM MAIL ICQ   Вверх
teroni
Дата 30.9.2008, 14:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 381
Регистрация: 15.5.2007
Где: Днепропетровск

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



Неа, это не правильный ответ...
Я не могу добавлять в [content] кучу <br />.
А если их убрать из предложенного варианта, то в ФФ будет действительно нижняя полоска 20 пискелов, в опере - высота [content]  = высоте нижней полоски, в Аванте (наверное  и в ИЕ) - ячейка с [content] - узкая, всё остальное место - на ©2008.
PM MAIL   Вверх
SelenIT
Дата 30.9.2008, 22:50 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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



К сожалению, в IE<8 (и всех его производных - MyIE/Maxthon, упомянутый Avant etc.) такое возможно только в Quirks mode (почему - сам Гейтс не знает). Так что варианты - или убирать доктайп и править все стили для IE под Quirks mode (благо их легко отделить условными комментами), или оставить в таблице одну строку (для контента), задать ее ячейкам нижний padding на высоту копирайта, а сам копирайт наложить поверх него отдельным div-ом (c помощью абс. позиционирования или отриц. margin-ов)...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
teroni
Дата 1.10.2008, 00:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 381
Регистрация: 15.5.2007
Где: Днепропетровск

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



Да я с помощью div-ов тоже делал. Неужели просто таблицами никак без уборки доктайпа нельзя?
А внешне всё казалось так просто smile
PM MAIL   Вверх
SelenIT
Дата 1.10.2008, 00:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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



Цитата(teroni @  1.10.2008,  00:14 Найти цитируемый пост)
Неужели просто таблицами никак без уборки доктайпа нельзя?

Еще вариант (наверное, самый простой) - таблица (или див) фиксированной высоты, вложенная в нижнюю ячейку. Других вариантов я не знаю. Таков уж IE...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
teroni
Дата 1.10.2008, 00:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 381
Регистрация: 15.5.2007
Где: Днепропетровск

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



Спасибо. Такой вариант работает так, как я хотел в вышеперечисленных браузерах:
Код

<table style="width:100%">
   <tr>
      <td width="20%"  rowspan="2">[menu]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />[menu]
      </td>
      <td width="80%" valign="top">[content]</td>
   </tr>
   <tr width="80%">
      <td valign="bottom">
         <table style="height:20px; width:100%">
            <tr>
               <td>(c)2008</td>
            </tr>
         </table>
      </td>
   </tr>
</table>


Это сообщение отредактировал(а) teroni - 1.10.2008, 00:37
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0441 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.