Webに関わるすべての人の基礎知識 - 「Web検定」
社団法人 全日本能率連盟登録資格「Web検定」の公式サイトがオープンしました。
CSS Nite in OSAKA Dreamweaverの作業効率を高める小技30発 by 鷹野雅弘
CSS Nite公式blogのほうで2006年11月25日に開催されたCSS Nite in OSAKAの資料の方が公開されました。
資料といっても『プレゼン資料』＋『プレゼン内容の音声データ』なので、セッションの中身がすべて堪能できる一式になっています。
興味のある方はぜひ見に行ってください。
tableの膨張を防ぐ【css tips】
table要素の中に、半角スペースなどの区切り文字が存在しない英数字を入れると、td要素やth要素に設定しているwidthプロパティの長さ以上に、tableが膨張されてしまいます。
画面の下部にフッターを表示する
動的サイトで画面の下部にフッターを表示する事は非常に困難です。
さまざまなパターンを想定してフッターを設定することになります。
CSSで中央表示を実装する【css tips】
ブロックレベル要素の中央表示（センタリング）を行う際に、text-alignプロパティにcenterを指定して実装するのは間違いである。
なぜならtext-alignプロパティは、インライン要素の位置揃えを指定するためのものだからです。
CSSで垂直中央を実装する【css tips】
vertical-alignの使い方の続きです。
vertical-align:middleでの垂直表示は説明しましたが、あの方法ですと2行以上の場合は利用できないです。
2行以上の場合に垂直中央表示をするにはpositionプロパティを利用します。
vertical-alignの使い方【css tips】
vertical-alignは正しく理解していないと使いにくいプロパティである。
特にtableレイアウトからcssレイアウトに移行する際に混乱が発生しがちだ。
テーブルレイアウトでよく使う以下のようなコードがある。
floatした際に背景が消える件(IE編)
floatした際に背景が消える件でIEには『幅や高さを指定した要素ではボックスサイズの算出時にフロートを除外しない』というバグがあると説明しました。
逆を言えば、親要素に幅や高さを指定しなければFirefoxと同じ表示になります。
floatした際に背景が消える件【css tip】
親ボックスに背景を適応して、内包する子ボックスに対してfloatを適応した場合、IEでは子ボックスを内包する形で背景が表示されるのに対して、Firefoxでは親ボックスの背景が表示されなくなります。
IE6とIE7で検証する方法
2006年、待望のIE7がリリースされまた。
これまでIEのCSS実装の不十分に悩ませれた来たwebクリエイターの作業が、楽になるかというとそんなことはありません。
世の中の多くの人がIE6を使用している現状を考えるとIE6に対応させなくてはいけません。
A happy new year
遅ればせながら、あけましておめでとうございます。
いつもお世話になっている方々、このblogを支えてくださってる方々ともに、今年も1年よろしくお願いします。
昨年は色々なことがありました。
西畑一馬(
