Плавающие делители переменного размера

Question

У меня есть 3 деления, все всплыли слева. Я хочу установить второй div и третий div для определенных размеров (на основе пикселей или процентов), а первый div просто займет оставшуюся часть пространства

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

Как я могу это сделать?

Answer 1

Вы можете использовать свойство display: table для:

.parent{
    width:100%;
    display:table;
}
.fill{
    border: 3px solid green;
    display:table-cell;
}
.fixed{
    width: 100px;
    border: 3px solid blue;
    display:table-cell;
}

http://jsfiddle.net/WVDNe/8/

Это не работает в IE7 и ниже.

Но проверьте это, это работаетво всех браузерах:

http://jsfiddle.net/LJGWY/3/