3 カラム化

| | トラックバック(0) http://tsuyuguchi.com/masaaki/mt/archives/2006/01/07-1902.php のはてなブックマーク件数

サイトのスタイルを変更し、3 カラムにしました。左右のカラムは position:absolute でそれぞれ left:0、right:0 で配置して、真ん中のカラムは左右のカラムの幅をマージンに持たせるようにしています。エッセンスだけを抜きとれば、

 .left{ position: absolute;
        left: 0;
        width: 200px;
  }
 .right{ position: absolute;
         right: 0;
         width: 220px;
 }
 .center{ margin-left: 200px;
          margin-right: 220px;
 }

のような感じなります。このスタイルの利点は

  • 真ん中のカラムがブラウザの幅に合わせて変動するので、読む人が好きな幅に変更できる。
  • 左右カラムが絶対配置なので、HTML ソース内の記述箇所に依存しない。したがって本文である中央のカラムをソースの先頭部分に持ってくる事ができ、ひょっとすると SEO に効果があるかもしれない

です。カテゴリが programming なのはご愛嬌と言う事で。

トラックバック(0)

このブログ記事を参照しているブログ一覧: 3 カラム化

このブログ記事に対するトラックバックURL: http://tsuyuguchi.com/mt/mt-tb.cgi/139

最近の画像

Zero History - ギブスンの新作が 9 月に発売 -
虐殺器官
ドミニオンのランダマイザアプリ、dominion minion が日本語対応!
ハイペリオンの没落 ~ 完結...でもまだ続く~
ハイペリオンの没落 ~ 完結...でもまだ続く~
ハイペリオン - 長大な叙事詩 SF のスタート -
ハイペリオン - 長大な叙事詩 SF のスタート -
「都市と星」 - 10億年と言われてもよく分からない -
「星を継ぐもの」 - 良い Sci-Fi -
トールサイズのニューロマンサーを買った
虎よ、虎よ! - 主人公フォイルの執念の物語 -

私の本棚

 

自転車走行距離

自転車走行距離

Flickr Photos

FlickrPhotos

なかのひと

Y!ログール

このサイトについて

2015年2月

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28

アーカイブ

My Update

  • Loading...

その他

あわせて読みたいブログパーツ