　いまだに、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=892ea6685a
Listed below are links to weblogs that reference: 5カラム（5-column）のCSSレイアウトを作ってみた from ネットスクランダー

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

カテゴリー

月別アーカイブ

なかのひと

サイト内検索

RSS

RSSリーダーで購読する

メールマガジン

つぶやき via Twitter

銀英伝が舞台化されらしい。SF要素なんて皆無に近いので舞台化されやすいにしてもこれは・・・。外伝2巻のユリアン日記の舞台化ならば迷わず観る。　2日前
いい加減、ドクター中松の話題は全マスコミがスルーしないかな。彼にまつわる与太話・虚構を真に受ける人間がいるかと思うと気分が悪い。　4日前
ハイロウズの青春を聴き中。　1週間前
スカパーのカスタマーセンターに連絡中。絶賛たらい回し中。　1週間前
スカパーHDってひとつのアンテナ線から2つのチューナーに分配できないのかー。地デジもそうだけど、画質の向上と引き換えに、使い勝手がおそろしく悪くなるのは勘弁して欲しいよ。　1週間前
ロンハーの「俺たちの№1」は、ICONIQ、千紗（ガルネク）、鈴木亜美とエイベックスから3人ランクイン。狩野英孝がエイベックスでお世話になってるバーターだよね、これって。　2週間前
ブラックビスケッツのTiming（タイミング）をYouTubeでヘビロテ中。一番テレビが楽しかった時代を代表する楽曲。ヘキサゴンとはレベルが違うぜ。天野っちは本当に歌うまいなー　2週間前
スクリーンシートで人種を描き分ける高橋陽一　2日前
キャプ翼っつったら、地平線が見えるグラウンドだよね。　2日前
キャプ翼でサッカー始めたので、今日のアメトーークは懐かしい。　2日前
過去の独り言...

Posting tweet...

最近の投稿

Tag Cloud

Return to page top

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

Comments:0

Trackbacks:0