Лучшее решение, которое я нашел до сих пор:
http://jsfiddle.net/kizu/UUzE9/
Но это было не совсем так. Видите ли, у меня три столбца; два из которых необходимо избегать явно определенного размера. Ну, второй нужно иметь размер; но не совсем.
Позвольте мне уточнить, установив условия, которые я пытался встретить.
- Все три столбца имеют фиксированную высоту: 65 пикселей, если быть точным.
- Первая ширина столбца равна 285px.
- Центральный столбец не имеет определенного размера; он просто занимает все свободное место.
- Правый столбец будет определять размер содержимого. Размер явно не задан, он просто изменяет размер в зависимости от содержимого, оставляя центральную колонку занятой все пространство.
- Здесь нет пробелов выше, ниже и между столбцами.
Конечный результат примерно будет выглядеть примерно так:
Logo | Player | Name -----------------------------------------------------
Для таблиц я бы просто сделал это:
<table width="100%" height="65px" cellspacing=0 cellpadding=0>
<tr>
<td width="285px" height="65px">
Logo
</td>
<td height="65px">
Player
</td>
<td width="1px" height="65px">
Account
</td>
</tr>
</table>
Результат приведенного выше кода таблицы: http://jsfiddle.net/zMNYb/
Но я пытаюсь отойти от использования таблиц и использовать макет DIV. Любые идеи?