clearfixの最新版 -フロート関連やマージン相殺の不具合を解決するモダンブラウザ用clearfix
米Yahoo!のフロントエンド エンジニア: Thierry Koblentz氏から、シンプルなスタイルシートで書かれたモダンブラウザ用のclearfix最新版を紹介します。 The very latest clearfix reloaded clearfixとは おさらい: micro clerafix(IE6+) モダンブラウザ用のclearfix最新版 clearfixとは 「clearfix」とはフロートした要素が親要素からはみ出してしまう、親要素の背景が表示されないなどを回避するもので、当サイトでもいくつか紹介してきました。 おさらい: micro clerafix(IE6+) まずは、おさらい。 micro clearfixは、normalize.cssのNicolas Gallagher氏によるもので、2011年にリリースされました。
【CSS】IE6 で position:absolute したオブジェクトが消えるバグ | バシャログ。
世の中では IE8 の自動アップデートが始まっていますが、本日は CSS のコーディング作業中に position:absolute で配置したオブジェクトが IE6 で表示されなくなるというバグに遭遇して、すっかりハマってしまいました。 片っ端から色々と試したところ、position:absolute を設定しているセレクタに clear:both を設定すると正常に表示されるようになりました。 初めて遭遇したバグで、clear:both で何故回避できたのかも不可解だったためネットで情報を探すと、以下のサイトが見つかりました。 IEで絶対配置（position:absolute）のボックスが消えるバグの検証 とても丁寧に解説されていて、大変参考になります。いやあ凄い。 モヤモヤが晴れてスッキリしました！ IE6 なくなればいいのに！
IE6でリンクにdisplay:blockを適用させるには - サイト作成メモ
aタグにdisplay:blockを指定してクリック領域を広げるのは一般的な手法だけど、何故かIE6ではaタグにdisplay:blockしただけではクリック領域が広がらない。 クリック領域が広がらない例 p { width:300px; } p a { display:block } <p><a>サンプル</a></p> 上記の例だと、IE6ではテキスト部分しかクリックできず、display:blockが機能しない。IE6でもクリック範囲を広げるには、display:blockを指定したaタグにheightかwidthを指定する。 p { width:300px; } p a { display:block; height:100%; /* もしくはwidthを指定 */ } <p><a>サンプル</a></p> heightかwidthを指定する事で他のブラウザと同様に、IE6でもクリ
CSSハック一覧
2013年3月23日 CSS 異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ ↑私が10年以上利用している会計ソフト！ Internet Explorer IE6以下 #help_me { _color: blue; } * html #help_me { color: red; } IE7 *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } IE6, IE7 #help_me { /color: blue; } IE8 #h
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
