CSSハック一覧表 はじめてのブログデザイン
CSS のハックが少しずつ貯まって来たので一覧表を作ってみました。 CSS ハックとは何か簡単に説明すると、それぞれの WEB ブラウザのバグなどを利用し、特定の WEB ブラウザに特定のプロパティ（設定）を適用させたり、逆に適用させないようにし、CSS 内に併記した複数のスタイルのプロパティ（設定）を、それぞれの WEB ブラウザに振り分ける技術のことです。 これからは私が使用した CSS ハックや詳細などはこのエントリで随時まとめていこうと思います。 〔追記：２００７年１２月４日〕 〔追記：２００８年１月１２日〕 〔追記：２００９年７月２３日〕 下のソースの赤い部分がそれぞれの CSS ハックの部分です。 スターハック WinIE4 ～ IE6 と MacIE4 ～ IE5 にだけ適用させられるスターハック。 * html p { /* for WinIE4 ～ IE6 and Mac
floatしたdivの高さを揃える « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb
tableレイアウトからdivのfloatによるレイアウトに変更した際に、デザイン面で困ることがいくつかありますが、その1つが、floatしたdivの高さが揃わないこと。 floatしたそれぞれのdivに背景画像や背景色を設定していたり、borderでラインを入れている場合など、高さが揃わないため、情報量が少ないdivの下に隙間が空いてしまいます。 そういった問題を解決する方法です。 サンプル floatしたdivの高さを揃える 高さが可変（別ウィンドウで表示） floatしたdivの高さを揃える 高さ画面いっぱい（別ウィンドウで表示） ソース（高さが可変） floatされたdivの中で、もっとも高さがあるものに他のdivの高さも合わせる場合です。 float解除用のclass="cl"についてはfloat解除を参照してください。 html,body { margin: 0; paddin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
