Xpoint
   [напомнить пароль]

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

Метки: [без меток]
2007-09-13 15:10:02 [обр] veejar[досье]

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

http://www.itgrp.net/examples/divs-01.gif

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

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

http://www.itgrp.net/examples/divs-02.gif

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

спустя 22 минуты [обр] Валера(0/24)[досье]
veejar[досье], указывайте ширину div'ов, например так:
<style>
.yellow {background-color:yellow; width:70%; float:left}
.red {background-color:red; float:right; width:30%}
</style>
<table border="1">
  <tr height="10px">
    <td><div class="yellow">&nbsp;</div><div class="red">&nbsp;</div></td>
  </tr>
  <tr>
    <td>11111111111111111111111111</td>
  </tr>
</table>
спустя 3 часа 4 минуты [обр] veejar[досье]
Вариант понятный, но второй DIV должен быть фиксированного размера (по ширине). А если таблицы будет расширяться, то и 30% - это будет другая ширина уже.
спустя 57 минут [обр] Евгений Петров(172/1055)[досье]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ru">
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<style type="text/css">
table{border-collapse:collapse;}
td{padding:0;border:1px solid #369;}
.left{margin:0 200px 0 0;background:#f0f0f0;}
.right{float:right;width:200px;background:#369;}
</style>
</head>
<body>
<table>
  <tr>
    <td>
      <div class="right">right</div>
      <div class="left">left</div>
    </td>
  </tr>
  <tr>
    <td>text text text text text text text text text text text text text text text text text text text</td>
  </tr>
</table>
</body>
</html>
Powered by POEM™ Engine Copyright © 2002-2005