X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Растягивающиеся в высоту ячейки
SASS
SASS
Topic Starter сообщение 19.8.2008, 16:31; Ответить: SASS
Сообщение #1


Есть таблица, которая отображаеться не так как надо.

<TABLE width="100%" border="1" cellspacing="0" cellpadding="0">
<TR>
<TD WIDTH='52' HEIGHT='82' BACKGROUND='../img/c1_r1_c1.jpg'>Ячейка 1.1</TD>
<TD WIDTH='193' ROWSPAN='3'><p>Ячейка 2</p>
</TD>
<TD WIDTH='468' ROWSPAN='3'> Ячейка 3</TD>
<TD ROWSPAN='3'> Ячейка 4</TD>
</TR>
<TR>
<TD BACKGROUND="../img/lll.jpg" width="1" height="257">Ячейка 1.2</TD>
</TR>
<TR>
<TD bgcolor="#062251">Ячейка 1.3</TD>
</TR>

</table>


В ячейках 1.1 и 1.2 как фон должны быть картинки фиксированного размера. На данный момент если я буду вставлять много текста в ячейку 2 то ячейка 1.1 будет растягиваться.
Задача такая: при вводе текста в ячейки 2,3,4 ячейки 1.1 и 1.2 должны созранять свой размер а растягиваться должна ячейка 1.3, фоном которой являеться определенный цвет!
Как это реализовать?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Украинец
Украинец
сообщение 20.8.2008, 17:29; Ответить: Украинец
Сообщение #2


Чтобы работало то, что вы хотите и как вы хотите на любом браузере - нужно немного (или много :rolleyes:) поменять структуру таблицы. По-крайней мере, для совместимости я бы сделал чуть по-другому.
А то, какая из ячеек растягивается при переполнении одной из ячеек в строке - так это зависит от конкретного браузера. Протестировал ваш код на разных платформах и вот что у меня получилось:
Opera, Mozilla Firefox, Netscape Navigator - растягивается ячейка 1.3 (как и нужно).
Avant, IE7- растягиваются ячейки 1.1, 1.2 и 1.3 в процентном соотношении от изначальной высоты.
Надо менять структуру. Например сделать рисунок и цвет фона (яч.1.3) одной ячейкой большой таблицы.
Рисунок background'ом вместе с цветом #062251, что-то типа
style="background: #062251 url('рисунок') no-repeat scroll left top;"

а текст заключить во вложенную таблицу или во вторую ячейку большой таблицы. И тогда фоновый рисунок останется на своем месте, а нижний цвет фона будет растягиваться на сколько угодно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Украинец
Украинец
сообщение 25.8.2008, 0:21; Ответить: Украинец
Сообщение #3


...просто интересно, SASS, решили свою проблему?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как средствами CSS сделать высоту блока больше или равной высоте контейнера?
4 S0meT1me 6401 30.7.2014, 9:36
автор: -Den1xxx-
Открытая тема (нет новых ответов) Растягивающиеся div'ы + перенос их на новую строку
1 kalexi 27570 23.4.2013, 15:27
автор: -gen-5-
Открытая тема (нет новых ответов) ячейки-ссылки
1 dubrovsky_hb 5058 19.6.2011, 21:33
автор: -alexdrob-


 



RSS Текстовая версия Сейчас: 24.4.2024, 10:15
Дизайн