Трехчастичное динамическое расстояние wo / Table and Absolute Positioning

Question

Я пытаюсь разместить 3 деления в большем делении, чтобы центральный был шириной 800px и центрировался, а два других заполняли оставшееся пространство.Я не могу использовать таблицы, и при этом я не могу использовать абсолютное позиционирование, поскольку у меня есть HTML ниже, который должен быть за пределами трех делений, но внутри большего деления.Я могу получить центр div:

.center-div {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

Но как мне расположить два других div?

<div id="outer">
    <div id="left-div"></div>
    <div id="center-div"></div>
    <div id="right-div"></div>
</div>

Answer 1

Вы можете попробовать возиться с display: table-row; для контейнера div и display: table-cell; для внутренних div с.Вам может даже понадобиться второй контейнер с display: table; - основная идея - эмуляция таблицы без использования table, tr и td.

Все эти значения table- для display свойства указаны в CSS 2.1 , но я никогда лично не проверял, какие браузеры их поддерживают.Я поставлю свои деньги, хотя, что IE6 не сможет справиться с этим.; -)