Создание таблицы заполнения таблицы td

Question

У меня есть таблица с фиксированной высотой 50px и 100% шириной.

Внутри этой таблицы у меня есть две дивы, на той же линии, как это:

<table> 
    <tr> 
    <td> 
     <div id="1"></div> 
    </td> 
    <td> 
     <div id="2"></div> 
    </td> 
    </tr> 
</table> 

Первый DIV имеет float:left, а второй имеет float:right.

Таким образом, таблица составляет 100% страницы. Я хочу div2, чтобы обернуть его содержимое, и div1, чтобы заполнить оставшееся пространство таким образом, чтобы div2 выровнен вправо, как это:

+--------------------------------------------------------------+ 
| [ DIV 1   (Expands)  ][ DIV 2 AND ITS CONTENTS ] | 
+--------------------------------------------------------------+ 

и то, что я в настоящее время получает, когда div1 имеет меньше содержания, чем сплошная линия:

Без таблицы я могу заставить его работать плавающим влево и вправо, но затем, когда они «соберутся», они будут обертываться друг под друга, а не рядом друг с другом.

EDIT: Я добавил новый jsfiddle here. Это рабочий пример. Попробуйте удалить все, кроме одной ссылки из левого div, и посмотреть результат. Второй дивизион должен оставаться на самом верном уровне. Надеюсь, я объяснил сам.

Answer 1

Решено добавить width:100% к столу.

http://jsfiddle.net/HRT5E/1/

table { 
    width:100%; 
} 

Answer 2

Используйте свойство «colspan» td. Пример:

<td colspan=75%> info </td> 

Answer 3

Во-первых, ваша таблица, похоже, вообще не установлена ​​на всю ширину страницы. Вы хотите добавить атрибут ширины или ширину в разметку.

Далее просто установите фиксированную ширину справа «div» (или, точнее, <TD>), и первая заполняет оставшееся пространство.

Как указывали другие, оберточный стол кажется ненужным.