Как сверстать две колонки?

Question

[Metalbrother]

Имеем html:
codepen.io/anon/pen/ipmtj

Нужно, чтобы правая колонка (div.right) была минимальной фиксированной ширины, а левая (div.left) - резиновой. Число элементов span и их ширина могут быть любыми.



Ложка дёгтя: IE8, без JS.

Answer 1

[Виталий Киренков]

Непонятно для каких вам это целей, но могу предложить простейший, а главное кроссбаузерный вариант... =))
codepen.io/vitaliy_kirenkov/pen/ngAHL

Answer 2

[Lisonok]

А минимальная фиксированная ширина известна?

Answer 3

[Юрий Лобанов]

Задача ясна. Но зачем такое делать, Вы можете подробнее расписать? Например, не подойдет ли вот такой вариант?
codepen.io/iiil/pen/InAft
Если нет, то без js, чтобы еще и восьмерку поддерживать - боюсь никак. Возможно я и ошибаюсь.

Comments

[Metalbrother]

Верстаю блоки следующего вида:
habrastorage.org/files/d0d/720/9cb/d0d7209cb5d3477...

Число иконок справа (они же span из примера) на сайте может меняться: для модераторов 5, для простых пользователей 3, для незарегистрированных 2 и т. п. Хотелось, чтобы если иконок становится меньше 5, то белый блок растягивался и занимал свободное место:
habrastorage.org/files/e44/355/bde/e44355bde485496...

[Юрий Лобанов]

@Metalbrother теперь понятно. Можно как предложили ниже таблицами. А на сервере Вы не хотите присвоить класс, скажем для модератора один, для пользователя второй. По сути делов-то, и не придется ничего городить.