文章を２段組にしたい場合にＣＳＳでテーブルのように表組みする方法はないでしょうか？

趣味でＨＰをつくっていて、
最近ＣＳＳを積極的につかっています。

そこで、質問があるのですが、
例えば、

ああああああああ┃ああああああああ
ああああああああ┃ああああああああ

┃は見えなくてよいです。

このようにした場合、テーブルであれば枠を０ｐｘにすれば簡単なのですが、ＣＳＳでやるとどのようにすればよいのでしょうか？

No.1 ベストアンサー 回答者： noname#83877 回答日時： 2008/11/26 17:08

2カラムとかfloatとかで検索すると良いと思います。

あとclearfixというものを使用すると良いと思います。
ソースは凄く簡単なのですが、CSSを今後利用されるのであればネットで調べた方がよいと思います。

<div id="WRAPPER">

<div id="CONTENT-LEFT">
左
</div>

<div id="CONTENT-RIGHT">
右
</div>

</div>


#WRAPPER {
width:800px; /* 任意の値 */ }

#CONTENT-LEFT {
width:400px;
float:left; }

#CONTENT-RIGHT {
width:400px;
float:left; }

/* 以下clearfixのコード　わかりやすくするため分けて書いています */

#WRAPPER:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
#WRAPPER { height:1%; overflow:hidden !important; overflow:visible; /*/*//*\*//*/ display:inline-table; /* */ }

この回答へのお礼

検索してみてなんとかできましたありがとうございました。

お礼日時：2008/11/27 11:38