　いまだに、VicunaとMT4の使い勝手に戸惑っているので、習得するためにデザインを一から作り直してみようと決意してみた。理想形としてはこーいうサイトを考えている。

　ただ土台となるCSSレイアウトは、色んなテンプレートが公開されているけど、僕の理想にはちょっと足りない。僕が欲しいのは、左図のような5カラムのレイアウトである。

Home > Webサイト > 5カラム（5-column）のCSSレイアウトを作ってみた

Newer
Older

5カラム（5-column）のCSSレイアウトを作ってみた

2008-03-23 (日) 0:23
Webサイト
CSS | Tips | Webサイト

　無いなら作ってしまおう、ということで作ってみた。

・DEMO

そのCSSとhtmlはこちらからダウンロードください。

・Download

　ちなみに、「side-top」と「side-bottom」はいくらでも置くことができます。<div id=”side-top”>、あるいは<div id=”side-bottom”>をそれぞれコピーして、既存のside-topやside-bottomの下に追加してください。

　逆に、「side-top」と「side-bottom」を使わないって人は、htmlからその箇所を削除してください。

　WindowsのIE6、IE7、Firefox2で確認はしましたが、何分、CSSに関しては素人もいいところなので、おかしい箇所があってもおかしくありません。気が付いたことがあればコメントでお教えください。

Trackbacks:0

Trackback URL for this entry: http://netscrander.com/archives/5-column_css_layout.php/trackback?_wpnonce=111c6fa16b
Listed below are links to weblogs that reference: 5カラム（5-column）のCSSレイアウトを作ってみた from ネットスクランダー

Home > Webサイト > 5カラム（5-column）のCSSレイアウトを作ってみた

サイト内検索

つぶやき via Twitter

9/2の「空から日本を見てみよう」（テレビ東京）は「長崎市」ですよ！・・・でも長崎では見れないかな？　3日前
ますますもって外反母趾が痛い。治ることはないって医者に言われたしなー、ずっと痛いままなんやろか。　3日前
ハンター×ハンターのトンガリ頭のデブ（27巻）って、ポットクリンのことだったのか。ふと気になってググって数秒で答えに辿り着く。ほんとネット無かったら生きてられん。　1週間前
映画・あしたのジョーの伊勢谷友介は、力石徹というよりも、間柴に見える。構えもフリッカーっぽいし。にしても、すげー体だ。http://www.cinematoday.jp/page/N0026276 　2週間前
刀語はじまた　3週間前
WordBench 横浜の料理バトル、すげー気になる。もちろん審査のときは、審査員が空飛んだり口からビーム出したりして感動するんですよね（ミスター味っ子的な感じで）。絶賛子育て中につき、参加できないのが残念。　3週間前
お宮参りに行ってくる　1週間前
民主党敗戦の理由を消費税にすり替えたね。消費財云々が無くても、フツーに苦戦してたと思うけど。郵政民営化をひっくり返したあたりで、この党は信用できない、と思ったよ。　1週間前
一度も起きることなく、8時間くらい連続して寝たい　1週間前
リアルアルジャーノン http://t.asahi.com/48a 　1週間前
過去の独り言...

Posting tweet...

Tag Cloud

Return to page top

5カラム（5-column）のCSSレイアウトを作ってみた

Comments:0

Trackbacks:0