Три колонки DIV макет динамика; слева = фиксированный, центр = жидкость, справа = жидкость

Лучшее решение, которое я нашел, было:

http://jsfiddle.net/kizu/UUzE9/

Но это было не совсем так. Видите ли, у меня есть три столбца; два из которых должны избегать явных размеров. Хорошо, второй действительно должен быть измерен; но не совсем.

Позвольте мне уточнить, установив условия, которые я пытался выполнить.

All three columns have fixed height: 65px, to be precise. The first column's width is set to 285px. The center column has no size defined; it simply takes up whatever space is left. The right column will size itself to whatever content is in there. There is no size explicitly set, it simply resizes based on content, leaving the center column to take up whatever space is left. There is no whitespace above, below, and in between each column.

Конечный результат будет выглядеть примерно так:

   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. Есть идеи?

Ответы на вопрос(4)

Ваш ответ на вопрос