3 колонки подходят для текучей среды с CSS

Question

Как мне создать макет колонки подгонки / жидкости / подгонки с помощью CSS?Под подгонкой я подразумеваю ширину столбца содержимого в нем.Я не хочу устанавливать пиксели или ширину в процентах для внешних столбцов, я хочу, чтобы они были шириной содержимого в них.В настоящее время я прибегаю к использованию таблиц, но это очень неправильно.Есть предложения?

Answer 1

Нашел решение только для CSS. Только что попробовал, отлично работает.

http://www.thecssninja.com/xhtml/sangraal-layout

На первый взгляд это выглядит как «фиксированный» - «жидкий» - «фиксированный» макет, но вы обнаружите, если уберете фиксированную ширину в правом и левом столбце, что столбцы «вписываются» в текст, который вы обеспечьте, и центр остается текучим без центральной колонки или контейнера, который не должен знать что-либо о ширине левой и правой колонок.

Воистину Санграал.

Answer 2

http://jsfiddle.net/Mutant_Tractor/bDdq9/1/

Answer 3

Не используя таблицу, но, может быть, вы можете посмотреть там http://www.alistapart.com/d/holygrail/example_4.html, что, похоже, очень похоже на то, что вам нужно.