tableを使用しない段組CSSによるマルチカラムデザインについての考察

HTML文書の記述。 <div id="original"> 〜 </div> <div id="critical"> 〜 </div> <div class="status"> 〜 </div> CSSの記述。 div#original { float:left; width:50%; } div#critical { float:left; width:50%; } div.status { clear:left; } http://members.jcom.home.ne.jp/w3c/MediaMix/tntstyle.css float ブロック要素を左に順次floatさせる事で、疑似的に「段組」を表現する。 Navigator 4.x Navigator 4.xでは#fooをfloatさせないとダメ。 float:left;するセレクタをdiv#fooとすると、Navigato

[gotack]

横幅をピクセルで固定したいときにはwidthとpadding (left or right) を同時に指定しない。余白が欲しいときには、それよりも下位の要素にpaddingかmarginを指定する。どうしようもなければdivをもう一度かましてそれに指定する。

[ktym9814]

テーブルを使わずにcssでレイアウト

[mhrs]

「制作者は「段組」に拘泥しない方が、却って閲覧者のためになるのではないですか。」