Расположение DIV-ов в ячейке таблицы

Статус
Закрыто для дальнейших ответов.

veejar

Новичок
Регистрация
20.04.2007
Сообщения
2
Есть таблица 1 столбец, 2 строки.
В первой строке два DIV-a (один слева, один справа).
Во второй строке текст, который растягивает ячейку.



Как сделать, что бы первый DIV (с желтым фоном, который слева) растягивался на все свободное место в ячейке до второго DIV-а (с красным фоном, который слева).

Т.е., хотелось, что бы получилось такое:



Ширина таблицы зависит от текста во второй строчке таблицы.
 

divol

Well-Known Member
Регистрация
26.03.2007
Сообщения
181
Есть таблица 1 столбец, 2 строки.
В первой строке два DIV-a (один слева, один справа).
Во второй строке текст, который растягивает ячейку.



Как сделать, что бы первый DIV (с желтым фоном, который слева) растягивался на все свободное место в ячейке до второго DIV-а (с красным фоном, который слева).

Т.е., хотелось, что бы получилось такое:



Ширина таблицы зависит от текста во второй строчке таблицы.
ИМХО левый див ширина 100% правый в пикселях (ширина прописыватся в style="")
 

divol

Well-Known Member
Регистрация
26.03.2007
Сообщения
181
<table width="" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style=" width: 100%; float:left; background-color:#0000CC; position: absolute; margin-right: 40px;">111</div>
<div style="width: 40px; float:right; background-color:#FF0000; position: relative"></div>
</td>
</tr>
<tr>
<td>11111111111111111111111</td>
</tr>
</table>
 

viKing

Well-Known Member
Регистрация
18.04.2006
Сообщения
103
divol, ты хотя бы проверял то что предлагаешь, и еще один совет, пользуйся браузером который придерживается спецификаций веб-технологий...

veejar, лучше все же использовать вариант предложенный pepelsbey-ем, он проще и проблем не будет.
 

divol

Well-Known Member
Регистрация
26.03.2007
Сообщения
181
Я проверял и поставленным задачам все удовлетворяло... хотя только в эксплорере, забыл помотреть остальные
тогда могу предложить сделать в таблицах и вставить дивы в ячейки
 
Статус
Закрыто для дальнейших ответов.
Верх Низ