このようにfloat設定とwidthを必ず設定することでレイアウトを保持する事が出来ます。
こんな感じで表示されます。この見本は各ブロックを分かりやすくするために背景に色を入れています。それと、上記のcssに若干margin指定を追加しています。

indexテンプレートに書く順番としてはinbox-warp-main-left-rightとします。この順番でcssに対応していないブラウザで見た場合でも一番読んでもらいたいmainコンテンツが一番上にきて、そのあとにleft、rightの順番に表示されるようになります。
ただ、このやり方だとすべてのwidthが固定されてしまうのでブラウザの横幅を変更する事によって可変する事が出来なくなります。

(2004:04:13追記)lLivedoor Blog用の解説をハイゴック:livedoor Blog用の表示の崩れない3段カラムに書いておきました。

(2004:05:07追記)実際にcssを適用して作ったhtmlをアップしました。実際にどのように表示されるか確認してみてください。OSXのIE、safari、opera、firebird(現fire fox)で確認済みです。
なお、上記に書いてるhtmlソースの見本をコピー＆ペーストしてもちゃんと表示されません。
その理由はソース中に全角スペースが入ってるからです。もし、うまく3段に表示されない時は全角スペースが入ってないか調べてみてはどうでしょう？

(2004:06:13追記)
3段カラムテンプレートの配布を開始しました。3カラム テンプレート [ RGM-79 GM ] 前編 [ MSM-03C ]

コメントありがとうございます。お尋ねの件ですが、こちらのページはちゃんと表示されています。（確か一度だけ中央のメイン部分だけで左右が表示されない時がありましたけど…）
どうも我が家のSafariは根性が足りないのか、Pantherになってバージョンが上がってからページの読み込みの途中であきらめる事が多いようです。
ですので、公開されている方法の枠組みに変更する前は、最後に記述している右サイドが表示されない事が多かったのですが、変更後はほとんど左右とも表示されないような状態でした。つまり中央のエントリ部分の読み込み途中で止まってしまう事が多いようなのです。これが我が家のSafari独特の問題なのか、最新バージョンのSafariに共通する問題なのかわかりませんが、もうしばらく様子見つつ、いろいろ試してみたいと思います。

途中で表示が止まってしまうのは多分ソースの上から読んでいくので止まるところ辺りで何かあるのかもしれません。
それがjavascriptで外部から読み込むときに読込先のトラフィックが混んでる場合やタグの書き方の問題（divが閉じきれてないとか、/divが余分にある）とか、cssファイルに同じ項目を重複指定していてどっちを取っていいか、ブラウザ側で分からなくなってしまうなとがあると思います。
このページもいろんなもの追加しすぎて重くなってしまってるのでちょっと見直そうかなと思いつつ、ついついいろんなものを入れてしまってます・・(笑)
pantherになってsafariずいぶんマシになりましたけどまだまだ怖いですよね。

私も試行錯誤でたどり着いたのは同じような感じです。古いブラウザーじゃなきゃ大丈夫っぽいですね。
ちなみに、僕は普通にSafariを使ってますが・・・。

pantherより前のsafariでエントリー書いた時に文字化けとかして書き込み系はIEでしてるんですが、今のsafariは大丈夫っぽいですね。ただ、Bookmarkletをsafari用に改造していないのでそのままIEで編集しています。

warp(ワープ)じゃなくてwrap(ラップ)ですよ?

げげげ、wrapでしたか・・・恥ずかしい・・・。なんでワープなんだろうと不思議に思ってましたがラップだったのですね。教えていただいてどうもありがとうございます。謎が解けました?。

はじめまして。Livedoorから飛んできました。
ハイゴックのほうに書いたのですけど、
こちらの3カラムのCSS使わせていただいてます。
ありがとうございました☆

あっちのほう、最初に作ったきり放置していたので気づきませんでした。
少しでもお役に立てて嬉しいデッス。

はじめまして。こんにちは。
僕もブログを始めよう！３段カラムがかっこいいかなぁ・・・。
と思い調べていたらこちらのサイトに辿り着きました。

初心者がよくわからないまま質問させて頂き恐縮なのですが、wrapを使わず（入れ子にせずに）、left、main、rightをそれぞれ絶対指定で３段カラムを作った場合、何か問題なのでしょうか？
もしよかったら教えてください。

何か理由があったような気もするんですが忘れちゃいました・・・。覚えているのは元々これを作っている時にinboxを中心に来るように作っていたので絶対値指定だとブラウザの横幅を広げてもinboxが中心に来ないからだったような気がします。
それと、入れ子の方が横幅の指定だけになるのでメンテナンスが楽と行ったところでしょうか？絶対値だと位置の指定＋横幅指定になるし、それにくわえてmarginとpaddingが入ってくるとさらにややこしくなるからだったカモしれないです。
もっと根本的な理由があったような気がするんだけど、残念ながら思い出せないです。

３カラムで検索してたどりつきました。
とても参考になりました。
ありがとうございます。

成功はしたのですが、やはり3カラムはディスプレイの解像度が高くないとちょっとつらいですね。
2カラムにするか3カラムにするか悩み中です。

表示面積や表示速度のことを考えると2カラムのほうがいいと思います。ここで載せている3カラムの方法だとどうしてもソースが複雑になり表示に時間がかかってしまいます。
アクセスログで見ている人のディスプレイの解像度の統計を取るのもひとつの手だと思いますよ。

なんだかんだで3カラムにしました。
ログを見てみるとXGAの方が多いようですが
ぎりぎり大丈夫かな・・・?なんて思ってます。
私もXGAなので自分でもぎりぎりだと思いながら見ています。

ダウンロードして勉強させていただいてます。有難うございます。