[B! css] libsのブックマーク

参考資料・オープンウェーヴ社が定めた CSS のプロパティ - 携帯電話向けコンテンツの書き方

EZ ウェブ端末が実装しているオープンウェーヴ社のモバイルブラウザ(現在はミリヤド・グループに事業譲渡)に実装されているカスケーディングスタイルシート(CSS)について解説します。ソフトバンクなど、オープンウェーヴ社以外のユーザエージェントを実装するキャリアもありますが、オープンウェーヴ社の実装は最大公約数的なもの、すなわちどの CSS 対応ユーザエージェントでも実装されている筈のものと思われます。参考資料・オープンウェーヴ社のXHTML モバイル・プロファイルもご一読下さい。オープンウェーヴで使える CSS のセレクタ。旧オープンウェーヴのモバイルブラウザで使える CSS のセレクタには、以下のものがあります。全称セレクタ(汎用セレクタ) 要素セレクタ(タイプセレクタ・型セレクタ) クラスセレクタ ID セレクタ(一意セレクタ) 下位セレクタ(子孫セレクタ) 直下セレクタ(子セ

libs 2009/02/26

リンク

小粋空間: IE7 の CSS ハック

「IE7 で閲覧すると表示が異なるのですが」というご質問を頂いたので、CSS ハックを利用して、IE7 のスタイルのみを変更する方法を紹介します。結論だけ述べますと、IE7 に異なるスタイルを適用する（=他のブラウザと表示を合わせる）場合、該当のセレクタの前に *:first-child+html を付与します。例えば、IDセレクタ #banner に適用させる場合、 *:first-child+html #banner { ： [IE7用のスタイルを記述] ： } となります。なお、それ以外のブラウザのために、元の #banner の設定は、この追加したセレクタより前方に記述します（下記）。この順番を間違えると期待する表示にならないのでご注意ください。 #banner { ： [IE7以外のスタイルを記述] ： } *:first-child+html #banner { ： [IE7

libs 2009/01/21

ハック

リンク

サイドの背景画像を本文にあわせてページの最後まで表示する（2カラム）｜CSS HappyLife

基本的な段組みレイアウトが出来るようになった後に、最初にぶち当たる壁だと思われる、サイドバーの繰り返し。コレって、テーブルレイアウトだと容易に実現出来るのですが、通常CSSで段組みをした場合、サイドバーがメインコンテンツより短いと途中で背景が途切れてしまいます。ソレだと随分いけてないので、ちゃんとメインコンテンツの内容にあわせて表示するようにして上げます。まずは、サンプルをご覧下さいませ。サンプル： http://css-happylife.com/template/02/ 持ち帰り用： http://css-happylife.com/template/02/02.zip 文字サイズを変更して頂ければ、内容にあわせてサイドバーが伸び縮みするのが分かると思います。んでは、どーやって繰り返しているのかの説明をば。サンプルは、メインコンテンツがある #left_container