ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです! IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに!」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height(相当)の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
やはりロゴは左上が良いと思ったので、ナビとロゴの位置を入れ替え、ヘッダからロゴをはみ出させてみた。ヘッダからロゴがはみ出すというのは、結構前からだけど地味に流行ってる気がする。僕が好きなだけという。 ヘッダは面倒になったのでposition: absolute;で配置。ロゴの影はドロップシャドウではなく黒でグローをかけて作った。乗算! 乗算! max-widthの導入はまたもお預け。 position: absolute;でヘッダを配置 最大幅の制限 最大幅の制限に引っかかった場合はコンテンツとサイドバーの真ん中寄せ コンテンはfloat left; サイドバーはfloat: right; 以上の条件を共存させる方法が思いつかない。コンテンツの横幅に関しては、960以上に移行する時代が来たみたいな話もあるけど、画面が大きくなったからといって(以下略)なので、最低幅を大きくして欲しくないな。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く