3カラム表示できた

カテゴリ:いろいろ

ずっと前からここの表示を「背景余白なし。サイドバー左右で記事ブロックは中央。サイドバーは横幅固定で記事ブロックのみウインドウサイズに追従して可変」という具合にしたくて、positionとかfloatを使ってCSSをいじってたんだけど、どうしても出来ませんでした。参考にしようと他のサイト見ても、テーブルで実現してるところばかりだし、出来てるところは、左右に余白があったりして、出来ないものと諦めてました。ずっと。

ところが、数日前からある事情で、Logwingに、コメントとトラックバックの承認式/非承認式切り替え機能と、ユーザーの使用領域に制限をかける機能を追加する作業をしていたのだけど、昨日作業しながらふと思いついて試してみたら、あっさり実現できてしまいました。しかもこれが意外と当たり前の書き方で、「あ、できちゃった」って。

なんでこんな簡単なことを思いつかなかったのか不思議なんですが、たぶん「デザインはCSSでするもの。HTMLは構造」ってことにこだわりすぎてて、気づかなかったんでしょうね。CSSよりも、HTML中の各ブロックの登場順がミソでした。あとで解りやすいようにって、HTMLの各ブロックにコメント文書いてるときに思いつきました。あ、「1バイトでも削る」のこだわりの果て、という見方もできるか。

ともかく、IEとSleipnirのGekkoエンジン、Operaで試して同じように表示されたので、とりあえず、めでたい。

アイコン