github, clearfix のテスト, 疑似要素のテスト, Web 文書用のインライン js, CSSOM のテスト, import のテスト, Test Image loading

Clearfix のテスト

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

究極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.4-49 のブラウザです。

Gecko 1.2-1.8.1 です。

Gecko -1.5 です。

Gecko -1.8.1 です。

Gecko 0.9.4-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 Netscape Navigator 6.2.3(Gecko 0.9.4.1)Gecko 0.9.4-49, Gecko -1.5, Gecko -1.8.1, Gecko 0.9.4-1.4.2
Windows XPsp3 Netscape Navigator 7.02(Gecko 1.0.2)Gecko 0.9.4-49, Gecko -1.5, Gecko -1.8.1, Gecko 0.9.4-1.4.2
Windows XPsp3 Mozilla 1.1(Gecko 1.1)Gecko 0.9.4-49, Gecko -1.5, Gecko -1.8.1, Gecko 0.9.4-1.4.2
Windows XPsp3 Mozilla 1.2.1(Gecko 1.2.1)Gecko 0.9.4-49, Gecko -1.5, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 0.9.4-1.4.2
Windows XPsp3 Mozilla 1.3.1(Gecko 1.3.1)Gecko 0.9.4-49, Gecko -1.5, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 0.9.4-1.4.2
Windows XPsp3 Netscape Navigator 7.1(Gecko 1.4)Gecko 0.9.4-49, Gecko -1.5, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 0.9.4-1.4.2
Windows XPsp3 Mozilla 1.4.2(Gecko 1.4.2)Gecko 0.9.4-49, Gecko -1.5, Gecko 1.2-1.8.1, Gecko -1.8.1, Gecko 0.9.4-1.4.2
Windows XPsp3 Mozilla 1.5(Gecko 1.5)Gecko 0.9.4-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.4-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.4-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.4-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.4-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.4-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.4-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.4-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.4-49, Gecko 1.8-, Firefox 3.0-3.6
Windows XPsp3 Firefox 3.5.19(Firefox 1.9.1.19)Gecko 0.9.4-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.4-49, Gecko 1.8-, Firefox 3.0-3.6, Firefox 3.5-3.6, Firefox 3.6-

This is content editable element