Проблема с размером заданного дивами фона внутри таблицы

Как растянуть фон заданный в диве на всю высоту ячейки, если размер ячейки зависит от содержимого соседней ячейки?

А пробовали прописать для div-а что-то типа style="position:relative; width:100%; height:100%" и если не будет получаться по еще поварьировать параметр display:inline и display:block соотвественно

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Попробовал поиграть с display, но всё не то. Процентное указание высоты ничего не даст, по скольку высота от каторой эти проценты вычисляются нигде не указанна. Пробовал создать контенер (<td id=...) но всё равно, если не указать высоту контенера, height: 100%; в диве ничего не даст... может просто с контенерами плохо разобрался

Sam Как вариант можно рассчитывать параметр с помощью JS - вы видите размер текста в ячейке и в зависимости от него устанавливаете размер соответствующего div-а с фоном - хотя должно работать и без этого - и кстати в каком браузере вы проверяете?

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

JS - плохой вареант. Проверяю восновном на Опере. Как оно должно выглядеть по вашему? Может я что-то упустил.

Во многих случаях JS не плохой вариант - но оставим пока такое решение на крайний случай К сожалению я не знаю как определены CSS-классы для оформления рамки div_1 - div_4 - ведь они тоже могут влиять на результат
Как вариант можно предложить сделать фон в стилей самой ячейки - ведь для нее тоже доступно background-color и background-image а также другие настройки фона
Как еще варианты это параметры float/clear и position/margin в зависимости от рассчитанной высоты соседней ячейки

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Высота соседней ячейки не известна. Она будет изменяться. Еслиб получилось её расчитать, темы не возниклобы.

.div_1 {
height: 1px;
margin: 0px 19px;
background-color: #cfcfef;
}
.div_2 {
height: 1px;
margin: 0px 18px;
background-color: #cfcfef;
}

Влиять тут нечиму. В самой ячейке не работает margin, а мне нужно отступление от границы. Его конечно можно в тэге прописать, но нужно всё сделать из CSS.
(Добавление)
Как вареант, можно попробовать формировать из CSS всю таблицу, юзая table, table-row, table-cell, но возникают сомнения: а как на это различные браузкры реагировать будут?

Вообще использование свойств CSS для HTML-таблиц возникло достаточно давно и современные браузеры должны работать без проблем - максимум что придется сделать это небольшую дифференциацию CSS-кода для разных типов браузеров
Вообще суть решения можно свести к тому чтобы сделать все ячейки в одной строке одинаковой высоты - а далее уже можно указать 100%-ую высоту у соответствующих div-ов которые отвечают за фон

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

.table {
display: table;
width: 100%;
}
.tr {
display: table-row;
}
.td {
display: table-cell;
width: 50%;
background-color: #cfcfcf;
}

<tag1 class="table">
<tag2 class="tr">
<tag3 class="td">ааааа
</tag3><tag3 class="td">
Содержимое
Содержимое
Содержимое
</tag3></tag2></tag1>

Как-то стрёмно выглядит

Ну укажу я высоту и что там получится? Если текста будет больше, он за границу таблицы поползёт. Полосу прокрутки ставить не хочю.

(Отредактировано автором: 01 Февраля, 2010 - 02:56:02)

Так вам надо сделать чтобы в одной строке ВСЕ ячейки имели строго одинаковую высоту - и либо выравнивать ее по максимальной ячейке либо ставить прокрутку

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

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

Тут div а точнее набор divов и являются фоном ячейки причем этот фон состоит из нескольких частей как я понимаю чтото типа рамочки - и надо было чтобы этот div занимал всю строку по высоте - хоят я уже предложил решение в том числе через JS и динамический расчети размера фона

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/