Динамика расположения трех столбцов DIV; слева = неподвижно, в центре = жидкость, справа = жидкость

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

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

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

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

  • Все три столбца имеют фиксированную высоту :65px, если быть точным.
  • Ширина первого столбца установлена ​​на 285px.
  • Центральный столбец не имеет определенного размера; он просто занимает все оставшееся место.
  • Размер правого столбца будет соответствовать любому содержимому, находящемуся там. Размер явно не установлен, он просто изменяется в зависимости от содержимого, оставляя центральный столбец занимать все оставшееся место.
  • Нет пробелов выше, ниже и между столбцами.

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

   Logo     |            Player          |    Name     
-----------------------------------------------------

Для таблиц я бы просто сделал это:

Logo Player Account

Результат кода приведенной выше таблицы:http://jsfiddle.net/zMNYb/

Но я пытаюсь отказаться от использования таблиц и использовать макет на основе DIV -. Любые идеи?

19
задан ROMANIA_engineer 26 June 2017 в 21:36
поделиться