IE7ベータ2(日本語版)のCSS

「IE7ベータ2 日本語版」が登場。そのCSS解釈・CSS対応状況を、過去記事で触れたIE6のCSSバグっぽい物でチョコッと検証してみよう。

内容物のサイズに合わせてリサイズされる / サイズを明示しないとoverflowが効かないバグ

○ 修正された模様。幅等を明示しなくても overflow が効くようになった。内容物のサイズに合わせて幅や高さが広がるバグも改善された。つまり普通になった。

IE6で画像等をフロート、文章等を回り込みさせた際のバグ

○ 修正された模様。幅等を明示していなくても、文字やボーダーが消えない。IE7では xml宣言時 のCSS解釈が改善されるので、地味ながらも重要な修正。

ハングルがIE6で表示されない件

○ 修正された模様（この件はCSS対応状況とは関係無いが）。ユニコード以外の日韓混在ページで、lang=ja で記述されたハングルを、閲覧側が言語(韓国語)の追加無し(デフォルト)でも表示出来るようになった。

textareaやinputでwidthを％指定した際のバグ

△ 半分修正された模様。文字を入力すると横に伸びるIE6のバグは修正されたが、横に余白が発生するバグは(現状では)IE7 beta 2でも再現される。

position:absoluteした要素が消えるバグ

× 修正されていない（細かな発生条件は不明)

ブロックボックス化した要素を含むリストアイテムの後ろに空行が入る（CSSバグリストより）

× 修正されていない（残念だ!）。もしIE7 正式版でも修正されていなければ、htmlを改行せずに書くか、もしくはWinIEの崩れをheight: n%で直すが参考になる。CSSバグリストの補足にリストアイテム要素または display:block; を指定した要素のwidthプロパティやheightプロパティを明示するとあるが、リストアイテムの方に指定すると微妙に隙間が空く場合もあるので注意（細かい条件は不明）。

IE7 beta2 のbefore擬似要素やmax-width等の対応状況

IE6で非対応だった ::before, ::after 擬似要素は、IE7でも引き続き未対応らしい...(^^;)。

それからmax-widthとmin-width、min-heightとmax-heightの類。他所で「IE7でも対応していない」って記事も見かけたが、この自分のブログで確認したら、ちゃんと対応していました。はて..？

画像はIE7 beta 2の表示。画像中の文章「過去記事で触れたIE6の〜」と、「htmlソース上では〜」の部分は、CSSにmax-height:2行分と、overflow:hiddenが指定してあります。

IE7 beta 2がこれに対応していれば、1行しかない時は1行の高さで、2行は2行、3行以上ある時でも2行の高さで表示される（3行目以降は表示されない）

まぁ取り合えず、自分には実際に反映されているので、「IE7 beta 2 日本語版では対応した」という事で笑。

Firefox等で崩れていないサイトが、IE7で崩れるのは可笑しな話

overflowの指定が不完全な件は当初は駄目でしたが、今回の「IE7 beta 2 日本語版」では修正されていました（IE7 beta 2 の折り返しサンプルも修正しました）。全体的には「これから登場するブラウザ」「どうせ高シェアになる」という事を考えると不十分だが、かなり良い方に向かってる感じではないでしょうか？やっぱり駄目かも

当たり前か(^^;)。もしこれらがIE7で全く改善されない方向だったら、xml宣言あり でページを作成する場合に困る。仮にそうだったら、IE6（後方互換モード)と、IE7（標準準拠モード）の共存が難しくなるので、世界中で怒りが爆発する事必至。

そういえば「CSSハックは削除しておくべき」みたいな話が以前あったらしいが、現状でFirefox等で崩れていないサイトが、後発のIE7で崩れるのは非常に可笑しな話。「CSSハックは削除しておくべき」という発言は、「IE7は標準的ではありません」と公言しているような物。

2006/05/10 | HTML/CSS | ↓コメント 1 | ↓トラックバック 0