[CSS]IE6/7でも動作する、可変レイアウト用グリッドシステム -Flurid

IE6/7でも動作する数少ない、可変レイアウト用グリッドシステムのCSS/JSのフレームワーク「Flurid」を紹介します。

Flurid - The Fluid CSS Grid

[ad#ad-2]

FluridはCSSベースで開発された可変レイアウト用グリッドシステムのフレームワークで、jQueryのプラグインとしても開発されています。

Fluridの対応ブラウザ

Fluridの対応ブラウザは下記の通りです。

• Internet Explorer (Windows) - versions 6.0 - 8.0
• Mozilla Firefox (Windows/Linux) - versions 1.0 - 3.6

Fluridのデモ

デフォルト

Fluridのデフォルトのレイアウトです。

デモのキャプチャ
※クリックで拡大

カラムのミックス

異なる分母のカラムをミックスしたレイアウトです。

デモのキャプチャ
※クリックで拡大

[ad#ad-2]

カラムのネスト

カラムをネストしたレイアウトです。

デモのキャプチャ
※クリックで拡大

カラムのアペンドとプリペンド

カラムの前・後・前後にpaddingを与えたレイアウトです。

デモのキャプチャ
※クリックで拡大

カラムのプッシュとプル

カラムを縦方向の配置を維持したレイアウトです。

デモのキャプチャ
※クリックで拡大

Fluridのダウンロード

CSSのフレームワーク、jQueryのプラグインのダウンロードは、下記ページからできます。

• kflorence/flurid - GitHub