css3のcolumnプロパティの使用に関して質問です。

質問

css3で2段組みを作りたいです。
左が200px、右が300pxになるようにするには、
どうすればよいのでしょうか？
よろしくお願いいたします。

そこそこ探してみたのですが、
左右のサイズが均等になる方法はいくらでもあるのですが、
左右のサイズが違う方法が見つかりませんでした。
そもそも実現不可能なのでしょうか？
よろしくお願いいたします。

回答No.3

神崎 渉瑠（@taloo）

たぶんIE9なら行けるんじゃないでしょうか。

Firefox、Safariなら以下でどうでしょうか。
-moz-column-width: 200px 300px;
-webkit-column-width: 200px 300px;

ブラウザがどこまで対応しているか、いつ対応するようになるかまではわかりません。
あくまで、文法上は200px 300pxと書けばいいと言うだけですから。

http://www.w3.org/TR/css3-multicol/

補足

なるほど、当方仕様があまり読めないので、
大変恐縮ですが、

>あくまで、文法上は200px 300pxと書けばいいと言うだけですから。

↑こちらを指す該当文書は仕様のどの文章になりますでしょうか？

回答No.2

神崎 渉瑠（@taloo）

column-width: 200px 300px;

でいいのでは？

補足

mac(fx3.6,safari4.0.5)では動作しませんでした。
どの環境で動きましたか？

回答No.1

admiral_ya

次の要領でどうでしょう?
もっとスマートな方法がある気もしますが。

<div style="width:510px">
<div style="float:left;width:200px;">
左左左左左左左左左左左左左左左左左左左左左左左左
</div>
<div style="float:right;width:300px">
右右右右右右右右右右右右右右右右右右右右右右右右
</div>
</div>
</body>

補足

すみません。
質問の文章がわかりにくかったかもしれませんが、
floatを使用した方法ではなく、
「column」プロパティを使用した方法を探しています。
何卒、よろしくお願いいたします。