github, top, Attribute Selector Tests, Detect completion of CSS loading(With Ruler), Detect completion of CSS loading, Detect completion of image loading, Clearfix, Finding the best CSS hacks for SVG fonts, Test CSS Generated Content, CSSOM, Data URI'ed Web fonts, Interaction of form components, Test Dynamic Script, フォーム部品の実装状況, アイコンとスプラッシュ画面のテスト, import hack, Javascript 実装状況と深刻なバグ, RichLinkのテスト, white space のテスト

Clearfix

参考記事 【clearfix編】Web文書のグレースフルデグラデーションをムキになってやってみる, Browser Strangeness - Jeff Clayton's CSS Hack Test Page

赤青のボックスに続くテキストが、改行位置に来れば正しくフロートが解除されています。

究極 clearfix

Left
Right

究極です、多分。

広範なブラウザ用

Left
Right

:after で float を clear しています。:after 疑似要素の content が "" の為 Gecko ~1.5 で親ボックスの高さが不正になります。

Opera 7.0+, Gecko 1.8+, Safari 3+ で正常に動作を確認しています。

Gecko ~1.2.1 用

Left
Right

Gecko ~1.2.1 用です。

Gecko 0.6~0.9, 1.3 ~ 1.7 用

Left
Right

Gecko 1.3 ~ 1.7 用です。 0.6~0.9 でも有効です。

Opera 9~11 + contenteditable で発生する隙間の確認用

Left
Right

Opera 9~11 + contenteditable で発生する隙間の確認用

IE7-9 用

Left
Right

IE7-9 用の clearfix です。

IE6 以下用

Left
Right

IE5-6 用の clearfix です。

Mac IE5 用

Left
Right

Mac IE5 用の clearfix です。

Gecko と Presto Opera 用の CSS ハックのテスト

Gecko または Presto Opera の場合、以下にコンテンツが表示されます。

Gecko 0.9.1-49 のブラウザです。

Gecko 1.2-1.8.1 です。

Gecko -1.5 です。

Gecko -1.8.1 です。

Gecko 0.9.1-1.4.2 のブラウザです。

Gecko 1.5-1.7.3 のブラウザです。

Gecko 1.8 のブラウザです。

Gecko 1.8- です。

Firefox 3.0-3.6 です。

Firefox 3.5-3.6 です。

Firefox 3.6- です。

Presto Opera 7-7.11 です。

Presto Opera 7.20-12.18 です。

Presto Opera 7.20-9.27 です。

Presto Opera 8.00-9.64 です。

Presto Opera 9-9.27 です。

Presto Opera 9.52-12.18 です。

Web Browserresult
Windows XPsp3 Opera 7.037-7.11
Windows XPsp3 Opera 7.117-7.11
Windows XPsp3 Opera 7.207.20-12.18, 7.20-9.27
Windows XPsp3 Opera 7.237.20-12.18, 7.20-9.27
Windows XPsp3 Opera 7.54u27.20-12.18, 7.20-9.27
Windows XPsp3 Opera 8.027.20-12.18, 7.20-9.27, 8.02-9.64
Windows XPsp3 Opera 8.547.20-12.18, 7.20-9.27, 8.02-9.64
Windows XPsp3 Opera 9.027.20-12.18, 7.20-9.27, 8.02-9.64, 9-9.27
Windows XPsp3 Opera 9.107.20-12.18, 7.20-9.27, 8.02-9.64, 9-9.27
Windows XPsp3 Opera 9.277.20-12.18, 7.20-9.27, 8.02-9.64, 9-9.27
Windows XPsp3 Opera 9.527.20-12.18, 8.02-9.64, 9.52-12.18
Windows XPsp3 Opera 9.647.20-12.18, 8.02-9.64, 9.52-12.18
Windows XPsp3 Opera 10.107.20-12.18, 9.52-12.18
Windows XPsp3 Opera 10.547.20-12.18, 9.52-12.18
Windows XPsp3 Opera 11.007.20-12.18, 9.52-12.18
Windows XPsp3 Opera 12.187.20-12.18, 9.52-12.18
Windows XPsp3 Mozilla 0.6(Gecko 0.6)Gecko -1.5, Gecko -1.8.1
Windows XPsp3 Mozilla 0.7(Gecko 0.7)Gecko -1.5, Gecko -1.8.1
Windows XPsp3 Mozilla 0.8.1(Gecko 0.8.1)Gecko -1.5, Gecko -1.8.1
Windows XPsp3 Mozilla 0.9.1(Gecko 0.9.1)Gecko 0.9.1-49, Gecko -1.5, Gecko -1.8.1, Gecko 0.9.1-1.4.2
Windows XPsp3 Netscape Navigator 6.2.3(Gecko 0.9.4.1)Gecko 0.9.1-49, Gecko -1.5, Gecko -1.8.1, Gecko 0.9.1-1.4.2
Windows XPsp3 Netscape Navigator 7.02(Gecko 1.0.2)Gecko 0.9.1-49, Gecko -1.5, Gecko -1.8.1, Gecko 0.9.1-1.4.2
Windows XPsp3 Mozilla 1.1(Gecko 1.1)Gecko 0.9.1-49, Gecko -1.5, Gecko -1.8.1, Gecko 0.9.1-1.4.2
Windows XPsp3 Mozilla 1.2.1(Gecko 1.2.1)Gecko 0.9.1-49, Gecko -1.5, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 0.9.1-1.4.2
Windows XPsp3 Mozilla 1.3.1(Gecko 1.3.1)Gecko 0.9.1-49, Gecko -1.5, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 0.9.1-1.4.2
Windows XPsp3 Netscape Navigator 7.1(Gecko 1.4)Gecko 0.9.1-49, Gecko -1.5, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 0.9.1-1.4.2
Windows XPsp3 Mozilla 1.4.2(Gecko 1.4.2)Gecko 0.9.1-49, Gecko -1.5, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 0.9.1-1.4.2
Windows XPsp3 Mozilla 1.5(Gecko 1.5)Gecko 0.9.1-49, Gecko -1.5, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 1.5-1.7.3
Windows XPsp3 Mozilla 1.6(Gecko 1.6)Gecko 0.9.1-49, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 1.5-1.7.3
Windows XPsp3 Mozilla 1.7.13(Gecko 1.7.13)Gecko 0.9.1-49, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 1.5-1.7.3
Windows XPsp3 Netscape Navigator 7.2(Gecko 1.7.2)Gecko 0.9.1-49, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 1.5-1.7.3
Windows XPsp3 Firefox 1.0 Preview Release(Gecko 1.7.3)Gecko 0.9.1-49, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 1.5-1.7.3
Windows XPsp3 Netscape Navigator 8.1.3(Gecko 1.7.5)Gecko 0.9.1-49, Gecko 1.2-1.8.1, Gecko -1.8.1
Windows XPsp3 Firefox 1.5.0.9(Gecko 1.8.0.9)Gecko 0.9.1-49, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 1.8, Gecko 1.8-
Windows XPsp3 Netscape Navigator 9.0.0.6(Firefox 2.0.0.12, Gecko 1.8.1)Gecko 0.9.1-49, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 1.8, Gecko 1.8-
Windows XPsp3 Firefox 3.0.9(Firefox 1.9.0.9)Gecko 0.9.1-49, Gecko 1.8-, Firefox 3.0-3.6
Windows XPsp3 Firefox 3.5.19(Firefox 1.9.1.19)Gecko 0.9.1-49, Gecko 1.8-, Firefox 3.0-3.6, Firefox 3.5-3.6
Windows XPsp3 Firefox 3.6.28(Firefox 1.9.2.28)Gecko 0.9.1-49, Gecko 1.8-, Firefox 3.0-3.6, Firefox 3.5-3.6, Firefox 3.6-

This is content editable element