Yahoo! UI Library: Grids CSS Grids CSS is a suite of seven web page templates and the ability to nest grids of one to four columns within the content area of those templates. Yahoo!が提供するYahoo! UI Library。 Javascriptだけのライブラリ、だと思っていたら最近になってCSSライブラリも含まれるようになりました。 このCSSライブラリを使うことで、ページの複雑なグリッドレイアウトが比較的容易に作れます。 更に、このライブラリで作ったページは大体のブラウザに対応しているというので動作確認の手間も省けそうです。 基本のHTMLを書いておけば、classの変更で簡単にレイアウト変更が可能な形に
三段組で遊ぼ 次の条件を満たす段組をCSSでレイアウトしやがれ。今作れ、すぐ作れ、直ちに作れ。 3カラムのリキッドデザインであること。 両端のカラムは固定幅とし、中央のカラムのみ可変幅にすること。 HTMLソースでは中央のカラムを他のカラムより先に記述すること。 position: absoluteは使用禁止。floatでデザインすること。 では作ってみようか、と思ったけどCSSによる段組(マルチカラム)レイアウト講座のメインカラム幅可変、サイドバー幅固定 3カラムに解説があるので、そちらを参照のこと。 「三段組でメインコンテンツを先に書いてみるテスト(rtmr)」ではレイアウト講座とは違ったやり方で実現しています。 .main-w { float: left; width: 100%; margin-right: -100%; } margin-right: -100%;というのが大胆で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く