- ブロック要素を含むインライン要素の右ボーダーが表示されない
-
- ブロックレベル要素を子要素として持つインラインレベル要素では、ブロックレベル要素直前の右ボーダーが表示されない。
- Category: Mac, Safari, ver.3 Under
- Tag: border
- z-indexを負の数にしたリンクを選択できない
-
- ポジショニングした祖先要素を持たないa要素のz-indexプロパティに負の値を指定すると、そのリンクをマウスなどのクリックによって辿ることができなくなる。
- Category: Mac, Safari, ver.3 Under
- Tag: z-index, 負数
- 擬似要素の文字列を拡大縮小できない
-
- 擬似要素の文字列は、ブラウザの文字列拡大縮小機能を用いて文字サイズを変更することができない。
- Category: Mac, Safari, ver.3 Under
- Tag: 擬似要素
- font-familyを指定した文字のボールドが文字化け
-
- font-familyプロパティでフォントを指定した要素で、文字列をボールドにした部分が文字化けすることがある。
- Category: Mac, Safari, ver.3 Under
- Tag: font-family, font-weight, 文字化け
- インラインフレームをwindow.nameで正しく参照できない
-
- スクリプトでインラインフレームを window.name の形式で参照しても、対象のインラインフレームを指定することができない。例えばインラインフレームで表示するページのURIを変更しようとすると新しいウィンドウが開き、そのウィンドウに指定したURIのページが表示される。
- Category: Mac, Safari, ver.3 Under
- Tag: iframe
- 固定レイアウト表で%値指定の列幅が100%を超えられない
- 一部のボーダーはcolorの値を引き継がない
-
- border-colorプロパティが未指定の場合、一部のボーダースタイルではボーダー色が当該要素のcolorプロパティの値とは異なる色になってしまう。
- Category: Mac, Safari, ver.3 Under
- Tag: border
- 擬似クラスで文字列の一部分の前景色が変わらない
-
- :hover擬似クラスで前景色を変えるスタイル指定を行うとき、:hoverの状態になっても文字列の一部分だけで前景色が変化しないことがある。例えばアンダーラインより下の部分、イタリック体などで右側にはみ出す部分などでこの現象が発生する。
- Category: Mac, Safari, ver.3 Under
- Tag: background, 擬似クラス
- html要素に指定されたtransparent背景の扱いが不正
-
- CSS2はhtml要素のbackgroundプロパティにtransparent値を指定した場合は、body要素のbackgroundプロパティの値をキャンバスの背景とすると定めている。しかしSafariはbody要素の背景をキャンバスの背景としないため、body要素のマージン領域にbody要素の背景が描画されない。
- Category: Mac, Safari, ver.3 Under
- Tag: background, html, transparent
- フロートが先行要素の下辺より上に置かれる
-
- フロートが先行する要素が生成したボックスの下辺より上部に置かれてしまい、内容物が重なってしまうことがある。
- Category: Mac, Safari, ver.3 Under
- Tag: float
- 先に指定した代替スタイルシートを固定スタイルシートとして扱う
-
- link要素で外部スタイルシートを指定する際に代替スタイルシートの指定を固定・優先スタイルシートの指定より先に行うと、代替スタイルシートが固定スタイルシートであるかのように扱われてしまうことがある。
- Category: Mac, Safari, ver.3 Under
- 一部のフォントでボールド表示ができない
-
- font-weightプロパティでボールド表示をさせる指定を行っても、日本語文字はボールドにならずに通常時と同じ太さで表示されてしまう。ただし、標準フォントの指定次第でボールドになる場合もある。
- Category: Mac, Safari, ver.3 Under
- Tag: font-weight
- 使用されるはずのないフォントで文字列が表示される
-
- font-familyプロパティで、日本語などの多バイト文字用フォントとして名称に日本語文字を含まないフォントが含まれている場合でも、指定したフォントとは異なるフォントで多バイト文字が表示されることがある。※Safariは、名称に日本語文字を含むフォントを認識しません【名称に日本語文字を含むフォントファミリの指定を無視する】。
- Category: Mac, Safari, ver.3 Under
- Tag: font-family
- ファイル名にアンダーバーを含む外部スタイルシートを読み込まない
-
- ファイル名にアンダーバー「 _ 」を含む外部スタイルシートはlink要素で指定しても読み込まれない。
- Category: Mac, Safari, ver.3 Under
- :hover擬似クラスでvertical-alignが無効
-
- :hover擬似クラス状態の要素にvertical-alignプロパティを指定しても無視される。
- Category: Mac, Safari, ver.3 Under
- Tag: :hover, vertical-align
- 固定レイアウトテーブルでセル幅の%値指定時に算出値が不正確
- caption要素を含むテーブルではcol/colgroupに対するスタイルが効かない
-
- caption要素を含むテーブルでは、col要素やcolgroup要素に対して指定したスタイルがすべて無視される。
- Category: Mac, Safari, ver.3 Under
- Tag: table
- 空白文字のみのテキストノードを正常に取得できない
-
- 空白文字（1バイトスペースと改行文字）だけで構成されるテキストノードを一部しか取得できない。
- Category: Mac, Safari, ver.3 Under
- Tag: 空白文字
- document.styleSheets[n].titleが常にnull値を返す
-
- document.styleSheets[n] オブジェクトのtitleプロパティは常にnull値を返す。このため、スタイルシート切り替えスクリプトを使用することができない。
- Category: Mac, Safari, ver.3 Under
- clearプロパティはnone以外の値からnone値に上書きできない
-
- 一度clearプロパティでnone以外の値を指定した要素は、より後にあるセレクタやより優先度の高いセレクタで clear: none; を指定したとしても値を上書きすることができない。
- Category: Mac, Safari, ver.3 Under
- Tag: clear
- 名称に日本語文字を含むフォントファミリの指定を無視する
-
- 名称に日本語などの多バイト文字が含まれているフォントファミリをfont-familyプロパティに指定しても無視される。フォント名をエスケープしても回避できない。
- Category: Mac, Safari, ver.3 Under
- Tag: font-family
- contentプロパティでopen-quote, close-quote値を無視する
-
- contentプロパティでopen-quote, close-quoteの各値を指定することで引用符を表示させることができない。
- Category: Safari, ver.3 Under
- Tag: content
- contentプロパティに指定した日本語文字が文字化けして表示される
-
- 外部スタイルシートでcontentプロパティの値に日本語などの多バイト文字を指定すると文字化けして表示される。
- Category: Mac, Safari, ver.3 Under
- Tag: content, 文字化け
- @charsetより前に文字があるスタイルシートで宣言が無視される
-
- @charset識別子より前に文字（コメント、空白、改行も含む）がある外部スタイルシートでは、@charset識別子の直後にあるスタイル宣言が無視される。
- Category: Opera, Windows, ver.9 Under
- 未知の要素を空要素として扱う
-
- 文書のMIMEタイプがtext/htmlであるときは、HTML勧告で定義していない要素（XHTML1.1のルビ関連要素など）を無視する空要素として扱う。このため、HTML文書ではこれらの要素にスタイルを指定しても無視される。
- Category: Opera, Windows, ver.9 Under
- body要素周囲の余白をパディングで設定している
-
- WinIEやNetscapeなどはデフォルトスタイルシートでbody要素にマージンを設定しているが、Operaはデフォルトスタイルシートでbody要素にパディングを設置している。
- Category: Opera, Windows, ver.9 Under
- Tag: body, padding
- インライン要素に背景画像を指定できない
-
- インライン要素（display: inline; を指定した要素を含む）に背景画像を設定しても、表示されない。
- Category: Opera, Windows, ver.9 Under
- Tag: background, インライン要素
- positionプロパティをスクリプトから変更できない
-
- スクリプトでpositionプロパティを絶対配置から通常配置に切り替えた場合、切り替え後もleft, top, right, bottomの各プロパティの指定値が反映される。
- Category: Opera, Windows, ver.9 Under
- Tag: position
- フルスクリーンモードがscreenメディアではない
-
- Operaの通常表示モード（メニューバーなどが表示されている状態）はscreenメディアであるが、フルスクリーンモードはprojectionメディアに対応している。
- Category: Opera, Windows, ver.9 Under
- 複数メディアが指定された@importを認識しない
-
- 複数のメディアタイプが指定された@import宣言を認識しないために、スタイルシートがインポートされない。
- Category: Opera, Windows, ver.9 Under
- DocumentFragmentオブジェクトへのappendChildに失敗する
-
- DocumentFragmentオブジェクトに対して何度もappendChildメソッドを実行すると、メソッドの実行に失敗してオブジェクトの中身が空になることがある。
- Category: Opera, Windows, ver.9 Under
- 実体参照で表記した文字が正しく表示されない
-
- Unicodeを使用しないと表現できない文字などを実体参照で表記するとき、その文字のデータを含むフォントが存在する環境でも文字が表示されない場合がある。
- Category: Opera, Windows, ver.9 Under
- Tag: 実体参照
- 固定配置した要素があるページでフリーズすることがある
-
- 固定配置（position: fixed;）した要素を含むページを開くとOperaがフリーズすることがある。
- Category: Opera, Windows, ver.9 Under
- Tag: fixed, position
- 固定配置した要素内にあるリンクが効かない
- body要素のbefore, after擬似要素で背景指定が無視される
-
- body要素の:before, :after擬似要素でdisplayプロパティの値をblockやmarkerにすると、擬似要素に対する背景の指定が無視される。
- Category: Opera, ver.9 Under
- Tag: :after, :before, body
- 算出値の丸め込みが不正確
-
- 数値の算出値が小数を持つ場合などに、適切な実効値への変換処理が行われない場合がある。
- Category: Opera, Windows, ver.9 Under
- backgroundで不正な背景色指定を無視しない
-
- backgroundプロパティを用いて背景を一括指定するとき、背景色の指定に不正な値を用いた場合でもtransparent値と解釈され、backgroundプロパティの指定は無視されない。
- Category: Opera, Windows, ver.9 Under
- Tag: background
- 幅や高さを指定した要素の子孫要素でデフォルト指定のマージンが消える
- z-indexを負の数にしたリンクを選択できない
-
- ポジショニングした祖先要素を持たないa要素のz-indexプロパティに負の値を指定すると、そのリンクをマウスなどのクリックによって辿ることができなくなる。
- Category: Opera, Windows, ver.9 Under
- Tag: z-index, 負数
- visibility:hidden;を指定した要素に:hoverが効かない
-
- visibility:hidden; を指定して非表示にした要素には、:hover擬似クラスの指定内容が効かない。
- Category: Opera, Windows, ver.9 Under
- Tag: :hover, visibility
- table要素の上マージンがcaption要素の上に設置される
- 固定レイアウト表で列の幅が小さくなる
-
- 固定レイアウト表（table-layout:fixed;）で、以下の問題が発生する。 列の幅を%単位の値で指定した表でその合計値が100%を超えるとき、列の後方にあるセルの実際の幅が小さくなることがある。セルの幅が0になり内容物が見えなくなることもある。 1つの表に幅を%単位の値で指定した列と長さの値で指定した列が混在する場合、幅を%単位の値で指定した列の実際の幅が小さくなることがある。セルの幅が0になり内容物が見えなくなることもある。 列の幅を%単位の値で指定したとき、列の幅は表の幅に対する%値ではなく表の幅からボーダーの幅やセル間の幅を差し引いた量に対する%値になる。 ※Opera6では列の幅が0にはならず、少なくとも内容物を表示できるだけの幅が確保される。
- Category: Opera, Windows, ver.9 Under
- Tag: fixed, table, width
- font-sizeの%値指定で算出値が正しくない
-
- (7.x) font-sizeプロパティの%値指定ではフォントサイズをある大きさよりも大きくすることができない。
- Category: Opera, Windows, ver.9 Under
- Tag: %指定, font-size
- border-boxでbottomの算出が正しくない
-
- ボーダー領域やパディング領域の幅が0より大きいボックスのbox-sizingプロパティの値をborder-boxに設定した場合、bottomプロパティの振る舞いが正しくない。ボックスの下辺の位置が、本来あるべき位置よりも内側に置かれてしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: border
- body要素の下マージン領域内で固定配置要素内のリンクが効かない
- bottom:0;に配置したボックスの下部が閲覧領域の外にはみ出す
-
- bottom:0; 指定で配置したボックスの下側が閲覧領域の外にはみ出すことがある。
- Category: Opera, Windows, ver.9 Under
- Tag: ボックス
- clearを指定した要素ではフロートに対して上マージンを設置する
-
- clearプロパティによってフロートとの隣接を抑制した要素に上マージンを指定すると、フロートの下に指定値分の幅の上マージンを設置する。
- Category: Opera, Windows, ver.9 Under
- Tag: clear
- 非匿名インライン要素のみを含むブロック要素のline-heightを無視
-
- ブロック要素にline-heightプロパティを指定しているとき、匿名でないインライン要素だけで構成される行ではline-heightプロパティの指定どおりの行高が確保されない。
- Category: Opera, Windows, ver.9 Under
- Tag: line-height
- display:none;状態のtextarea要素のvalueプロパティを取得不能
-
- display:none; を指定することでボックスを生成していないtextarea要素に対しては、スクリプト等を用いてDOMのvalueプロパティの値を取得することができない。
- Category: Opera, Windows, ver.9 Under
- Tag: display, textarea
- テーブル行要素が背景関連プロパティを無視する
-
- テーブル行要素（tr要素）に背景関連のプロパティを指定すると、background-position, background-repeat, background-attachmentの各プロパティの指定が無視される。
- Category: Opera, Windows, ver.9 Under
- Tag: background, table
- インポート元のスタイルシートを認識しないことがある
-
- @import規則を用いて多くのスタイルシートをインポートしているとき、それらの@import規則を記述したスタイルシートの指定内容が適用されないことがある。
- Category: Opera, Windows, ver.9 Under
- 閲覧領域のサイズを初期コンテナブロックのサイズとして扱う
-
- 初期コンテナブロックのサイズは閲覧領域のサイズより小さくならない。このため内容物の量が少ない文書を表示したとき、初期コンテナブロックに対して絶対配置する要素は、閲覧領域に対して配置されてしまう。
- Category: Opera, Windows, ver.9 Under
- rel="alternate stylesheet" でなければ代替スタイルシートにならない
-
- link要素で代替スタイルシートを指定するとき、rel属性の値を「alternate stylesheet」と指定しなければ代替スタイルシートとして認識されない。つまり、「stylesheet alternate」という値を指定した場合は代替スタイルシートとして扱われない。
- Category: Opera, Windows, ver.9 Under
- フロートとフロートに後続するテーブルとが重なる
-
- フロートの後方に、テーブル要素を子孫に持ち、自身のclearプロパティがnone値であるブロックレベル要素がある。 ブロックレベル要素にwidthプロパティが指定されており、その値は内部のテーブルを収めきれないような値である。 このとき、テーブル自身やその内容物がフロートを避けず、フロートに重なってしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: float, table
- :hover擬似クラス状態になることでマージンの幅が変化する
-
- マージンの設置状態に異常があるとき（【入れ子関係の要素間で下マージンの相殺が正しく行われない】参照）、a要素の:hover擬似クラスにボーダーなど一部のプロパティを指定すると、マウスポインタを乗せたときにマージンの幅が変化することがある。
- Category: Opera, Windows, ver.9 Under
- Tag: :hover
- インラインフレームにz-indexが効かない
-
- インラインフレームであるiframe要素にz-indexプロパティを指定しても無視され、常に最前面に表示されてしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: z-index
- セルの内容物によって固定レイアウトが破壊される
-
- テーブルの自動レイアウト（table-layout: fixed;）を使用している場合でも、セルの内容物によってはセルの幅が変動することがある。
- Category: Opera, Windows, ver.9 Under
- Tag: fixed, table
- fieldset要素にfloatプロパティが効かない
-
- fieldset要素に対してfloatプロパティを指定しても無視されてしまう。従って、fieldset要素のボックスはフロートにすることができない。
- Category: Opera, Windows, ver.9 Under
- Tag: fieldset, float
- CSSによるボーダー指定がないcollapseボーダーのテーブルでセル枠が表示されない
-
- CSSでボーダーのプロパティを指定せずにtable要素のborderプロパティだけで枠を設定しているテーブルに対して border-collapse: collapse; を指定すると、テーブル全体を囲む枠は表示されるがセルを囲む枠は表示されない。
- Category: Opera, Windows, ver.9 Under
- Tag: border, table
- fieldset要素の上パディングがボーダー領域の外側に設置される
- overflowでスクロールバーが出るときの高さ計算が正しくない
-
- ある要素でoverflowプロパティにautoかscrollを指定してスクロールバーが表示されるとき、その中身の高さ計算が正しくない。最後のボックスの下ボーダーまでしか高さを確保せず、下マージンが消えてしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: overflow
- outsideリストマーカーと内容物の位置関係が正しくない
-
- 〔Opera6〕画像リストマーカーを使用しているとき、要素の内容物が左ボーダーや左パディングの領域を無視してリストマーカーの直後に置かれる。内容物は左ボーダーや左パディングに重なる。 〔Opera7〕リストマーカーの配置ルールが統一されていない。画像リストマーカーはパディング領域に進入するがグリフや番号のリストマーカーはパディング領域には進入しない。
- Category: Opera, Windows, ver.9 Under
- Tag: li, リストマーク
- html要素に下パディングを設置できない
-
- html要素に下パディングを設定しても実際にはパディングが設置されない。
- Category: Opera, Windows, ver.9 Under
- Tag: html, padding
- 表題をtop以外に置くと正しい位置に表示されない
-
- caption-sideプロパティを使用して表題の位置を指定することができるが、表の上以外に表題を置くと正しい位置に表示されない。 Opera6.0：表題を表の左か右に置いたときに表題が表から離れて表示される。場合によっては消える。 Opera7.0：表題を表の左か右に置いたときに表題が消える。また、表題を表の下に置いたときに表題が表から離れて表示される。 Opera7.1：表題を表の左か右に置こうとしても表題は表の上に表示される。また、表題を表の下に置いたときに表題が表から離れて表示される。
- Category: Opera, Windows, ver.9 Under
- Tag: caption
- 表題を持つインラインテーブルが下方にずれて表示される
-
- 表題（display: table-caption;）を持つインラインテーブル（display: inline-table;）が本来表示されるべき行の下にずれて表示される。
- Category: Opera, Windows, ver.9 Under
- Tag: table
- 同じtitle属性値を指定した外部スタイルシートの一部が反映されない
-
- 同一のtitle属性値を指定した、外部スタイルシートを指定するlink要素が複数あるページで、最初のlink要素で指定した外部スタイルシートしか反映されないことがある。
- Category: Opera, Windows, ver.9 Under
- 入れ子関係の要素間で下マージンの相殺が正しく行われない
-
- 入れ子関係にある複数の要素間ではマージンの相殺が行われることがあるが、Opera7ではこれが正しく行われない。ボーダーやパディングを挟む入れ子関係にあるにも関わらず以下のような状態になる。 最後の子ブロック要素にデフォルトのスタイルシートで下マージンを指定している要素（h1, pなど）があるとき、最後の子要素の下マージンが設置されない（Opera7.1では同量の下マージンが親要素に設置されてしまう場合がある）。(7.0/7.1) 最後の子ブロック要素に外部スタイルシートファイルやstyle要素などで下マージンを指定した要素があるとき、子要素と親要素の両方にマージンが設置されてしまう。(7.1)
- Category: Opera, Windows, ver.9 Under
- Tag: margin
- 絶対配置／固定配置／フロート状態のリストアイテム要素のリストマーカーが消える
- CDATA型属性値先頭の空白類文字を無視しない
-
- ユーザエージェントは、CDATA型の値を持つ属性（class, alt, name, valueなど）の属性値の先頭または末尾にある空白文字は無視してよいとされている。しかし、Operaは先頭の空白文字を無視せず、空白のある値と空白のない値を別の値として扱ってしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: 空白文字
- 画像リストマーカーとグリフリストマーカーとで配置法が異なる
-
- グリフタイプのリストマーカーはtext-alignプロパティの指定に従って内容物の先頭の左隣に置かれるが、画像のリストマーカーはtext-alignプロパティの指定に関わらずボックス左端に置かれる。
- Category: Opera, Windows, ver.9 Under
- Tag: リストマーク
- 閲覧領域のスクロールバーのスタイルをbody要素で指定しなければならない
-
- スクロールバーのスタイルに関するプロパティ（WinIE独自拡張）で閲覧領域のスクロールバーのスタイルを指定するときは、body要素にこれらのプロパティを指定しなければならない。
- Category: Opera, Windows, ver.9 Under
- Tag: body, スクロールバー
- 背景に指定したアニメーションGIF画像への対応が不完全
-
- Opera6および7ではGIFアニメーション画像を背景画像に指定すると、アニメーションせずに1コマ目の画像を表示したままになる。ただしOpera7ではアニメーションが再生される場合もある。 Opera6では透過GIFアニメーション画像を背景画像に指定しても当該要素の背景色が透過しない。
- Category: Opera, Windows, ver.9 Under
- Tag: background, アニメーションgif
- 固定していない背景画像がスクロール後に乱れて表示される
-
- html要素またはbody要素で固定していない背景画像（background-attachment: scroll;）を表示したページをスクロールすると、スクロールによって現れる部分の背景画像が乱れて表示される。また、スクロールしなければ見えない位置に背景画像がある場合はスクロールしても背景画像が現れない。
- Category: Opera, Windows, ver.9 Under
- Tag: background
- 全称セレクタにdisplay:none;を指定するとフリーズする
-
- 全称セレクタ（*）に対して display: none; を指定したスタイルシートを含む文書を読み込むとOperaがフリーズする。
- Category: Opera, Windows, ver.9 Under
- Tag: display, セレクタ
- border-colorの既定値とtransparent値がCSS仕様と異なる色になる
-
- Opera7では、四方のボーダー色を同じにしていないとき（border-colorプロパティで2つ以上の値を指定するときなど）、指定値の中にtransparentが含まれていると要素の前景色と同じ色のボーダーが表示されてしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: border, transparent
- 先行するフロートの上方に後続のフロートが置かれる
-
- CSS2では、フロートは自身より前にあるフロートより上に置かれてはならないと決められている。しかしOperaでは、フロートを置ける領域がある場合に、自身より前にあるフロートより上に後続のフロートが置かれてしまうことがある。
- Category: Opera, Windows, ver.9 Under
- Tag: float
- 折り返されたフロートが常にコンテナブロックの左端に寄せられてしまう
-
- コンテナブロックの幅が狭いためにフロートが折り返されるとき、フローとの寄せ方は上寄せが左（右）寄せより優先されなければならないが、Operaは左（右）寄せを優先してしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: float
- テーブルセルから上下にはみ出す部分が表示されない
-
- line-heightプロパティで小さい値を指定するなどしてテーブルセルの高さを低くしたとき、セルのボックスをはみ出す部分が表示されない。
- Category: Opera, Windows, ver.9 Under
- Tag: line-height, table
- 右パディングを設定した要素の末尾にbr要素を置くとレイアウトが乱れる
-
- left以外の値が指定されたfloatプロパティかtext-alignプロパティが親要素に指定されているとき、右パディングと white-space: nowrap; が指定され内容物の末尾にbr要素がある要素の周辺のレイアウトが乱れる。
- Category: Opera, Windows, ver.9 Under
- Tag: br, padding
- 全称セレクタとbox-sizing:border-box;を組み合わせるとリンクの下線が表示されない
-
- 全称セレクタ（*）や全称セレクタを含むセレクタ（html * など）に対して box-sizing: border-box; というスタイルを適用させた場合、これらのセレクタにマッチする要素内でリンク文字列にデフォルトで設定されている下線が表示されない。
- Category: Opera, Windows, ver.9 Under
- Tag: box-sizing, underline
- 配置されたインライン要素が子孫要素の位置指定を考慮する際に無視される
-
- 相対配置されたインライン要素の子孫要素を絶対配置（position: absolute;）するとき、相対配置された要素が絶対配置のコンテナブロックとして機能しない。
- Category: Opera, Windows, ver.9 Under
- Tag: position, インライン要素
- h4要素以外の見出し要素でfont-sizeを算出する際に親要素の値を参照しない
-
- 見出し要素（h1, h2, h3, h4, h5, h6）でfont-sizeプロパティが指定されていない場合、親要素のfont-sizeの値ではなくbodyまたはhtml要素のfont-sizeの値に対する相対値が算出されてしまう。ただし、h4要素だけは親要素のfont-sizeの値を継承する。
- Category: Opera, Windows, ver.9 Under
- Tag: font-size, 見出し要素
- リストマーカーのサイズがli要素の子孫ブロック要素の文字サイズを継承する
- :first-letter擬似要素の背景を設定できない
-
- :first-letter擬似要素に背景を設定しても無視される。
- Category: Opera, Windows, ver.9 Under
- Tag: :first-letter, background
- fieldset要素のボーダーを省略指定で無しにすることができない
-
- fieldset要素にデフォルトで設定されているボーダーを無しにするときは、ボーダー幅とボーダースタイルの両方を指定しなければならない。
- Category: Opera, Windows, ver.9 Under
- Tag: border, fieldset
- :first-letter擬似要素にマージンが設置されない
-
- 本来は:first-letter擬似要素にマージンのプロパティを適用できるはずだが、Operaでは全方向のマージンが設置されない。
- Category: Opera, Windows, ver.9 Under
- Tag: :first-letter, margin
- class属性の大文字・小文字が区別されない
-
- クラスセレクタなどを用い、class属性を条件にして宣言したスタイルは属性値の大文字・小文字に関係なく適用されてしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: class
- 擬似要素を含むセレクタをコンマ区切りで複数指定すると無視される
-
- 擬似要素 :before, :after を含むセレクタをカンマ区切りで複数指定すると、それらに対するスタイル宣言が無視される。
- Category: Opera, Windows, ver.9 Under
- Tag: セレクタ, 擬似要素
- body以外の要素の背景画像が閲覧領域に対して固定されない
-
- html, body要素以外の要素の背景画像を固定した（background-attachment: fixed;）とき、背景の基準位置が閲覧領域左上端ではなく当該要素の左上端になる。
- Category: Opera, Windows, ver.9 Under
- Tag: background, body
- 固定した背景画像がスクロールによって消えてしまう
-
- 固定配置（background-attachment: fixed;）した背景画像が、ページを表示させた段階で表示されている部分しか表示されない。そのため、ページをスクロールすると背景画像が消えてしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: background, スクロール
- 全称セレクタにfont-size:inherit;を指定するとクラッシュする
-
- 全称セレクタ（*）に font-size: inherit; を指定したページを開くとOperaがクラッシュする。
- Category: Opera, Windows, ver.9 Under
- Tag: font-size, セレクタ
- フロートが常に直前のフロートの下辺より下に配置されてしまう
-
- フロートが連続して置かれているときフロートの上端は必ず、直前にあるフロートの下端より下に配置される。例えば、右フロートに後続する左フロートが右フロートの下端より下に配置されてしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: float
- 相対配置要素のtopプロパティの%値がpx値で扱われる
- 幅を明示していないフロートが折り返されない
-
- 幅が明示されていないフロートを連続して配置すると親要素の幅を無視して回り込み、横一列に並んでしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: float, width
- button要素の背景色をtransparentにすると常に#c0c0c0になる
-
- button要素の背景色にtransparentを指定しても、親要素の背景色を継承せずにOpera既定の色（銀色）になる。
- Category: Opera, Windows, ver.9 Under
- Tag: background, button
- :link, :hoverでの指定内容を:visitedの指定が上書きしない
-
- :linkや:hoverで指定したスタイルの一部が、:visitedでの指定を無視して引き継がれてしまう。font-weight, font-style, letter-spacingなどで発生する。
- Category: Opera, ver.9 Under
- Tag: :hover, :link, :visited
- border-colorを省略した時の値が常に#000000になる
-
- border-colorプロパティを省略したときのボーダーの色は要素内の前景色と同一になると規定されているが、Operaは常に#000000でボーダーを描画してしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: border
- 相対配置したインライン要素にz-indexプロパティが効かない
- 負数マージンを設定した要素内のリンクが機能しないことがある
-
- ある要素にマージンに負の値を指定して、先行する要素に重なるように配置すると、重なっている部分でリンクが機能しない。
- Category: Opera, Windows, ver.9 Under
- Tag: margin, 負数
- backgroundプロパティで位置の値を2つ指定しないと位置指定が無視される
-
- backgroundプロパティでpositionの値を1つしか指定しない場合、位置指定が無視されて初期値が使用される。
- Category: Opera, Windows, ver.9 Under
- Tag: background, position
- ボックスのセンタリング時に上下マージンが無視される
-
- マージンに関するプロパティに 'auto' を指定してボックスをセンタリングする際、縦方向マージンにもautoが指定されたときやmarginプロパティでセンタリングしたときに上下マージンの量はスタイルシートでの指定を無視した値になる。
- Category: Opera, Windows, ver.9 Under
- Tag: margin, ボックス
- 擬似セレクタを二重指定しても始めのセレクタしか認識しない
-
- 擬似セレクタを二重指定しても、始めのセレクタしか認識しない。例えば a:link:active や a:link:hover は a:link と扱われる。
- Category: Opera, Windows, ver.9 Under
- Tag: セレクタ, 擬似要素
- 不正な@charsetの記述があるスタイルシートの全体が無視される
-
- 本来、@charset宣言が正しくない記述の場合はその部分のみを無視することになっている。しかしOperaでは不正な記述のあるスタイルシート全体が無視されてしまう。
- Category: Opera, Windows, ver.9 Under
- 幅を指定したテーブルセルがテーブル枠からはみ出る
-
- 幅を指定したテーブルセルがテーブルの外枠から右方向にはみ出て表示されてしまう。特に、表題（caption要素）に '「' や '"' など、括弧やクォーテーション類の文字が使われている場合に発生しやすい。
- Category: Opera, Windows, ver.9 Under
- Tag: table, width
- font-size:100%; が継承されると文字サイズが小さくなる
-
- font-size: 100%; という指定が子孫要素に継承されると、文字サイズが小さくなる。
- Category: Opera, Windows, ver.9 Under
- Tag: %指定, font-size
- 表セル内要素への折り返し禁止指定がセル自体に作用する
-
- テーブルセル（th, td）要素の子孫要素に white-space: nowrap; を指定しているとき、その要素だけでなくセル内全体が折り返されずに表示されることがある。
- Category: Opera, Windows, ver.9 Under
- Tag: table, white-space
- 二重にメディアを指定されたスタイルを認識しない
-
- linkタグのmedia属性で複数のメディアを指定された外部スタイルシート内の、@media宣言によって括られた範囲内のスタイル指定を認識しない。
- Category: Opera, Windows, ver.9 Under
- ソース中の改行が空白として表示されないことがある
-
- display:none; が指定された要素とソース中の改行コードとの間にタグ以外に文字が存在しないとき、改行コードを空白として表示しない。
- Category: Opera, Windows, ver.9 Under
- overflowプロパティへの対応が不完全
-
- overflowプロパティのサポートが不完全であり、閲覧時に問題が発生することがある。 Opera6はすべての要素においてauto値とscroll値に対応しておらず、それぞれvisible値とhidden値を指定したものとして扱う。ただしbody要素については常にauto値であるものとして扱う。 Opera7はauto値やscroll値をサポートしているが、html要素については常にauto値であるものとして扱う。また、テーブルセル要素は常にhidden値であるものとして扱う。 Opera7では、内部にフロートを含みwidthプロパティとheightプロパティがauto値である要素に overflow:auto; を指定したとき、そのボックスからはみ出るフロートが見えなくなる。
- Category: Opera, Windows, ver.9 Under
- Tag: overflow
- list-style-image:none; を無視する
-
- ul要素等が入れ子になっている状態で、親要素にlist-style-imageプロパティでリストマーカーに画像を指定すると、子孫要素で list-style-image: none; を指定しても親要素の指定を継承してしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: list-style-image
- leftプロパティが指定された要素ではrightプロパティが無視される
-
- ポジショニングされた要素でleftプロパティを指定すると、rightプロパティの指定値は無視されてしまう。
- Category: Opera, Windows, ver.9 Under
- Tag: position
- text-indentの指定値に左マージンやパディングの値が追加される
-
- 左にマージンまたはパディングが指定されている要素にtext-indentも指定すると、インデント量がtext-indentでの指定値とマージン・パディングの指定値の和になる。
- Category: Opera, Windows, ver.9 Under
- Tag: text-indent
- フォントファミリ指定で1フォントしか認識しない
-
- font-familyプロパティでは複数のフォントを代替フォントとして指定できるが、Operaでは最初に有効なフォント以外は無視する。
- Category: Opera, Windows, ver.9 Under
- Tag: font-family
- 外部スタイルシート中の2バイト文字を解釈しない
-
- 外部スタイルシートでフォント名などに使われた2バイト文字を解釈しない。
- Category: Opera, Windows, ver.9 Under
- <!-- ? -->の直後にある宣言が無視される
- 未知の擬似要素／クラスを指定したセレクタは不正
- 閲覧領域の幅を超える幅のボックスを中央寄せにするとその左端を表示できない
- body要素へのheightプロパティ%値指定が無視される
- 絶対配置／固定配置／フロート状態のli要素のリストマーカーが消えない
- z-indexに負の値を指定した要素が消えてしまう
- 標準モードでは常にディセンダが確保される
- 高さが明示されていない要素内ではtopプロパティの%値指定が無効
- レンダリングモードによって水平線の高さが変わる
- body要素の高さを無視してスクロールバーが表示される
- 負数マージンの指定が反映されない
- letter-spacingを設定したボックスでborder-widthが無視される
-
- letter-spacingプロパティで何らかの値を指定したボックスで、border-widthプロパティの指定値が無視されてしまうことがある。
- Category: Mozilla, Netscape, Windows
- Tag: border, letter-spacing
- backgroundプロパティで指定した背景画像が表示されない
-
- backgroundプロパティで背景画像を指定する際、url()内でパスを ' ' で囲むと背景画像が表示されない。 ' ' で囲まない場合にも発生するそうです。（2002-10-31追記）
- Category: Mozilla, Netscape, Windows
- Tag: background
- class属性が設定された水平線が表示されない
- 終了タグを省略したp要素へのマージン指定が無視される
- line-heightを%値で指定したときの基準が文字サイズ変更時も変わらない
- fontプロパティのファミリ指定だけが継承されない
- list-style-typeやlist-styleでリストマークを消せない
- POSTを指定したにも関わらずGETメソッドで空のデータを送る
- 表要素に指定した背景色が反映されない
-
- 表を構成する要素（table, tdなど）に背景色を指定しても反映されないことがある。
- Category: Mozilla, Netscape, Windows
- Tag: background, table
- 絶対配置要素内では-moz-box-sizingプロパティが効かない
- body要素に overflow: auto; を指定すると表示が乱れる
- overflow:visible;以外を指定した要素の左マージンがフロートに影響される
- html要素とbody要素に背景画像を指定するとCPU使用率が上昇
- フロートの左右に回り込むhr要素が本来の位置からずれる
- 内容領域とスクロールバーの境界部で:hoverが効かない
- visibility:hidden;を指定した要素に:hoverが効かない
- 固定レイアウト表で%値指定の列幅が本来の幅より小さくなる
- ul, ol要素以外でリストマーカーの数値がすべて0になる
- 固定レイアウト表で%値指定の列幅が100%を超えられない
- 親要素のマージン幅によってはclearが効かない
- リストアイテム要素内でフロートのclearが効かない
- インラインテーブルの行グループ要素や行要素でスタイル指定を無視される
- padding-box, border-boxでbottom, rightの算出が正しくない
- 特定のスクリプトを実行するとhr要素が点滅する
- 子にブロックレベル要素を含むins, del要素もインライン要素になる
- 印刷時、ボックス左端にfirst-letter擬似要素の幅と同じ幅の隙間が空く
-
- first-letter擬似要素をフロートにしているとき、その擬似要素を含む行より後、ページ末までのすべての行の先頭に擬似要素の幅と同じ幅の隙間が空いてしまう。
- Category: Mozilla, Netscape, Windows
- Tag: :first-letter
- 内容物が空白から始まるリストアイテムの画像リストマーカーが消える
- overflow:auto/scroll;を指定した要素内で閲覧領域の外にあるリンクが機能しない
- 等幅フォントで表示した文字列の末尾が欠ける
- overflowへの対応が不完全な要素
- アンカーの要素にcursor:auto;を指定するとI字カーソルが割り当てられる
- 表要素では%値指定のleft、topプロパティが無視される
- インライン要素に挟まれているフロートが下にずれて置かれる
- overflowでスクロールバーが出るときの高さ計算が正しくない
- collapse状態の表罫線がtable要素の幅を超えて表示される
- アンカーを:hover状態にするとbody要素などのサイズが変化する
- hr要素のボーダーが正しく設定されない
- 折り返しを抑制した要素内にあるhr要素の幅が正しく算出されない
- 相対配置要素がボックスサイズを算出する際に子孫フロートを除外しない
- テーブルがはみ出しても横スクロールバーが表示されない
-
- 折り返しを抑制（white-space: nowrap;）した内容物が存在するなどの理由でテーブルが横方向にはみ出すような場合でも横スクロールバーが表示されない場合がある。
- Category: Mozilla, Netscape, Windows
- Tag: table, white-space
- :hover状態で配置を行うと当該要素と周囲のレイアウトが大きく乱れる
- title属性を指定したstyle要素がスタイルシート切り替えの対象になる
- 改ページ直後の行にtext-indentプロパティが効いてしまう
-
- 印刷時には改ページされた直後の行（各ページの先頭行）が、ボックス内の最初の行でない場合でもtext-indentプロパティの指定に従ってインデントされる。
- Category: Mozilla, Mozilla, Windows
- Tag: text-indent
- :first-letter擬似要素に設定したスタイルが動的擬似クラスにマッチすることで失われる
-
- フロート化していない:first-letter擬似要素にスタイルが設定された要素が動的擬似クラス（:hoverなど）にマッチすると、擬似要素に設定したスタイルが失われてしまう。
- Category: Mozilla, Mozilla, Windows
- Tag: :first-letter
- :first-letter擬似要素に右マージンが効かない
-
- フロート化していない:first-letter擬似要素へ右マージンを設定しても無視される。
- Category: Mozilla, Netscape, Windows
- Tag: :first-letter
- 左フロートに回り込んだファイル選択コントロールの高さが変化する
- 互換モードではhr要素に指定したclearプロパティが無視される
- 通常配置以外で配置された要素に後続する要素の上マージンが無視される
- line-heightの値によってはマージンが指定どおりの値にならない
-
- line-heightの値、文字サイズの値、ウィンドウ幅の組み合わせによって、マージンを0にしても隙間が開いてしまうことがある。
- Category: Mozilla, Netscape, Windows
- Tag: line-height, margin
- ボールド体の文字列が前後の文字列と重なる
-
- 両端揃え（text-align:justify;）またはletter-spacingプロパティに0より大きい値を指定した要素内では以下の条件のいずれかに該当する場合に、ボールド体の文字列が重なる現象が発生する。 ボールド体の文字列とボールド体でない文字列が隣接しているときに、隣接部分で文字が重なる。 リンク文字列とリンクに後続する文字列とが重なる（後続する文字列がボールド体の場合でも発生）。
- Category: Mozilla, Netscape, Windows
- Tag: font-weight
- 優先シートのdisplay:none;が代替シートにも引き継がれる
- label要素でdisplayプロパティが無視される
- 固定配置したボックスが印刷されない
- letter-spacingを指定した要素内で「ー」と直後の文字とが重なる
-
- letter-spacingプロパティで文字間隔を調整した要素内で、「ー」（長音記号）とその直後の文字とが重なって表示される。
- Category: Mozilla, Netscape, Windows
- Tag: letter-spacing
- インライン要素への折り返し禁止指定が当該要素の外のブロックに作用する
- 固定配置されたリストアイテム要素内で文字間隔を変えると要素全体が動く
- 固定配置されたボックスの幅が文字サイズ変更に対応しない
- 存在しない画像をリストマーカーに指定するとリストマーカーが完全に消える
- 閲覧領域のサイズを初期コンテナブロックのサイズとして扱う
- 親要素をはみ出すように配置した要素内のリンクやフォームが機能しない
- フロート配置要素の子要素を絶対配置にすると親要素を無視した配置になる
- フォントによってvertical-alignプロパティを用いたときの表示位置が異なる
-
- vertical-alignプロパティで表示位置を調整すると、フォントによっては本来の位置より高い位置に文字列が表示されることがある。
- Category: Mozilla, Netscape, Windows
- Tag: font-family, vertical-align
- 両端揃えした要素内で「ー」と直後の文字が重なる
-
- text-align: justify; を指定した要素内では、「ー」（長音記号）と後の文字とが重なって表示されることがある。
- Category: Mozilla, Netscape, Windows
- Tag: text-align
- 外部スタイルシートで2バイト文字が無視される
- テーブル内にあるlabel要素内の文字列が消える
- overflow:auto;を使用した要素内のページ内リンクが効かない
- スタイルシート切り替え機能を用いても文字色が切り替わらない
- li要素を相対配置するとリストマーカーが消える
- スクリプトでiframeを参照すると履歴が余分に追加される
- フォーム関連要素のフォントサイズを%値で指定するとボックスサイズが不安定になる
- フォーム関連要素のsize属性とサイズ関連スタイルの適用優先順位が不正
- XML文書のスタイルシートを無視する
-
- XML文書にスタイルシートを指定しても反映されない。
- Category: Netscape Navigator, Windows
- Tag: XML
- @importを使用するとフリーズやクラッシュ
-
- @importキーワードを使用したスタイルシートを使用する文書を表示するとブラウザがフリーズまたはクラッシュすることがある。
- Category: Netscape Navigator, Windows
- th要素ではデフォルトスタイルからの変更が不可能
-
- NN4のデフォルトのスタイルシートではth要素に対しフォントをボールド体にする指定をしているが、MacOS版NN4ではこの指定を変更することができない。
- Category: Mac, Netscape Navigator
- Tag: th
- li要素にdisplay:list-item;を指定するとマーカーの位置がずれる
-
- li要素に display:list-item; を指定すると、リストマーカーが内容物の1行上に表示される。
- Category: Netscape Navigator, Windows
- Tag: display, li, リストマーク
- 見出し要素のマージンを0にできない
-
- 見出し要素（h1?h6）の上下マージンは、一定の幅より小さくすることができない。また、見出し要素に上下マージンを指定すると一定の幅に指定値を加えた分の幅になる。
- Category: Netscape Navigator, Windows
- Tag: hx, margin, 見出し要素
- 親要素で指定したスタイルが表要素に継承しない
-
- body要素の子孫要素に指定したスタイルのほぼすべてが表要素やセル要素に継承しない。
- Category: Netscape Navigator, Windows
- Tag: table, 親要素
- 親や祖先要素のレイヤーをスクリプトから認識できない
-
- スクリプトを用いる場合、親要素や祖先要素をオブジェクトとして参照することができない。
- Category: Netscape Navigator, Windows
- Tag: 祖先要素, 親要素
- 特定のスタイルを指定すると省略した終了タグが正しい位置に補われない
-
- ある要素のマージンに任意の値、border-styleプロパティにnone値を指定したとき、その要素の内部に終了タグを省略した要素を置くと、省略した終了タグが正しい位置に補われずレイアウトを崩す原因になる。
- Category: Netscape Navigator, Windows
- clearでフロートへの隣接を禁止した要素がフロートに重なる
-
- 複数のフロートを横に並べているとき、それらの直後にclearプロパティで先行フロートとの隣接を禁止した要素を置くと、その要素のボックスが先行フロートに重なることがある。
- Category: Netscape Navigator, Windows
- Tag: clear, float
- アンカーにボーダーを設定するとアンカーとして機能しなくなる
-
- アンカーに対してボーダーを設定すると、マウスクリックに反応しないなどアンカーとしての機能を失う。
- Category: Netscape Navigator, Windows
- Tag: a, border
- 画像アンカーのボーダーを消去できない
-
- アンカー内にimg要素を含めると画像の周りにボーダーが表示されるが、これをボーダーのプロパティを用いて無くすことができない。
- Category: Netscape Navigator, Windows
- Tag: a, border, img
- style属性でスタイルを設定するとimg要素の位置がずれる
-
- style属性でスタイルを指定した要素の子要素に、style属性でスタイルを指定したimg要素があるとき <X style="???"> <Y style="???"></Y> <img style="???"> </X> style属性でスタイルを指定した要素の後方に、style属性でスタイルを指定したimg要素があるとき <X style="???"></X> <Y style="???"></Y> <img style="???"> このいずれかの条件を満たすとき、（前出の例で表すと）img要素がX要素の直前に置かれる。また、X要素に指定したスタイルはすべて無視される。 さらに、X要素開始タグとimg要素開始タグの中間にstyle属性でスタイルを指定した要素（Y要素）があるとき、Y要素に指定したスタイルも無視されることがある。
- Category: Netscape Navigator, Windows
- Tag: img, style
- マージン、ボーダー、パディングを設定したインライン要素の位置がずれる
-
- インラインレベル要素に対してマージン、ボーダー、パディングのいずれかを設定するとボックスの位置がずれてしまう。 マージンを設定 インラインレベル要素の前後に改行が入る インラインレベル要素が1行分、上方向にずれる（本来置かれるべき行の先頭部に移動している） 下マージンが設置されてしまう 背景の指定が反映されない（たまに反映されることもある） ボーダーを設定 インラインレベル要素の前後に改行が入る パディングを設定 インラインレベル要素の前後に改行が入る インラインレベル要素が1行分、上方向にずれる（本来置かれるべき行の先頭部に移動している） 上パディングが設置されない 背景の指定が反映されない
- Category: Netscape Navigator, Windows
- Tag: border, margin, padding, インライン要素
- 画像を読み込まない設定下では背景画像と背景色の指定が無効になる
-
- 画像を読み込まない設定にしている状態では、要素に指定した背景画像は読み込まれないが、これと同時に背景色の指定も無視されてしまう。また、存在しない画像ファイルを背景に指定した場合にも同様の現象が発生する。
- Category: Netscape Navigator, Windows
- Tag: background
- 要素名に続けて書いた一意セレクタを認識しない
-
- 一意セレクタ（#myid）を使用するとき 要素名#myid という形式で指定すると、このセレクタを認識しない。
- Category: Netscape Navigator, Windows
- Tag: セレクタ
- 改行を挟まない連続した要素で直前の要素のfont-size値がfont-size算出に用いられる
-
- em単位や%単位でfont-sizeプロパティを指定した複数の要素を、ソース中で要素間に改行を入れずに続けて記述すると前の要素のfont-size算出値が次の要素のfont-size算出に使用されてしまう。
- Category: Netscape Navigator, Windows
- Tag: font-size
- 実在しない開始タグがstyle属性を含む開始タグの直後に現れる
-
- インラインスタイルシートを含む文書のソースを表示させたとき、style属性を含む開始タグの直後に、実際は存在しない、Ttyle属性が含まれる開始タグが現れることがある。さらに、この現象によってスタイルが乱れることがある。
- Category: Netscape Navigator, Windows
- Tag: style
- line-heightの倍率指定で算出値が継承する
-
- line-heightプロパティを倍率指定した場合、子孫要素に継承するのは指定値である。しかしNN4ではこの場合も算出値を継承してしまう。
- Category: Netscape Navigator, Windows
- Tag: line-height
- border-colorの既定値とtransparent値に対応する色が#000000になっている
-
- ボーダーの色の既定値は要素の前景色（colorプロパティの値）ではなく、常に#000000になる。また、ボーダー色にtransparent値を指定した場合も透明にならず、常に#000000になる。
- Category: Netscape Navigator, Windows
- Tag: border, transparent
- head要素と子孫要素のdisplayプロパティを変更できない
-
- head要素とhead要素の子孫要素のdisplayプロパティがnoneから変更できない。
- Category: Netscape Navigator, Windows
- Tag: display, head, 子孫要素
- ボーダーとマージンを設定した要素内のフォント指定が無視される
-
- ボーダーとマージンを設定したブロック要素内では、親要素やブラウザ既定のフォントや前景色に関する指定が無視される。例えば見出し要素は初期状態でフォントサイズを指定したり、フォントウェイトをボールドにしたりしているが、これらが無視されてしまう。
- Category: Netscape Navigator, Windows
- Tag: border, font, margin
- スタイル適用時にdt, dd, liなどの要素の内容物が無視される
-
- HTML4において終了タグを省略できるブロック要素の一部（dt, dd, li）では、内容物を無視したスタイル適用が行われてしまう。
- Category: Netscape Navigator, Windows
- Tag: dd, dt, li
- 背景やボーダーがブロック全体に表示されない
-
- ブロック要素に指定した背景やボーダーが、要素の内容物に対応した部分にしか表示されない。
- Category: Netscape Navigator, Windows
- Tag: background, border
- fontプロパティで文法違反をするとブロック全体のスタイル指定が無視される
-
- fontプロパティで文法違反をすると、そのプロパティを含むブロック全体のスタイルが無視されてしまう。
- Category: Netscape Navigator, Windows
- Tag: font
- 外部スタイルシート内の相対パスをリンク元文書からの相対パスとして扱う
-
- 本来、外部スタイルシート内の相対パスはスタイルシートファイルを基準にしたパスであるが、NN4はこれをリンク元の文書ファイルを基準にしたパスとして扱う。
- Category: Netscape Navigator, Windows
- Tag: link, 相対パス
- 表の背景色塗りつぶしが正常に行われない場合がある
-
- 表要素内のセルに背景画像と背景色を同時指定している場合、ブラウザで画像を読み込まない設定にしているとき（または背景画像ファイルが存在しないとき）に表の一部しか指定した背景色で塗りつぶされない。
- Category: Netscape Navigator, Windows
- Tag: background, table
- 存在しない外部スタイルシートを読み込むHTML文書をまったく表示できない
-
- 存在しない外部スタイルシートを読み込むように記述されたHTML文書は、そのHTML文書自体も存在しないかのように扱われる。
- Category: Netscape Navigator, Windows
- Tag: link
- 特定の条件下では、フレーズ要素を使用したページを表示できない
-
- 外部スタイルシートを読み込んでいるページ内で、ボーダーを設定した要素の子孫にabbr、acronym、del、dfn、ins、qなどの要素が含まれている場合、ブラウザがクラッシュする。
- Category: Netscape Navigator, Windows
- ウィンドウをリサイズするとレイヤーの位置がずれる
-
- レイヤー（layer要素／ilayer要素／position: absolute; が指定された要素）を表示させたページでは、ウィンドウをリサイズするとレイヤーが当初配置した位置からずれてしまう。
- Category: Netscape Navigator, Windows
- 画像が含まれる要素にline-heightを指定すると画像のレイアウトが狂う
-
- 画像が含まれる要素に対してline-heightプロパティを指定して行高を調整すると、画像の配置が狂う。
- Category: Netscape Navigator, Windows
- Tag: img, line-height
- フォント名に2バイト文字が含まれるフォントを指定するとスタイルが無効になる
-
- フォントファミリに「ＭＳ Ｐゴシック」など、フォント名に2バイト文字を含むフォントを指定するとそのスタイルが無視される。また、fontプロパティの場合は全体が無視される。
- Category: Netscape Navigator, Windows
- Tag: font-family
- リストをセンタリングしたときにリストマーカーがセンタリングされない
-
- ul要素またはol要素をmargin-left, margin-rightの各プロパティでセンタリングし、li要素をtext-alignプロパティでセンタリングしたとき、リストマーカーだけが左端に寄せられたままになる。
- Category: Internet Explorer, Mac
- Tag: li, text-align
- キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる
-
- font-sizeプロパティなどでフォントサイズを指定する際、mediumなどのキーワードを使用すると、標準モードで表示したときと互換モードで表示したときとでは文字サイズが変わる。
- Category: Internet Explorer, Mac
- Tag: font-size, 互換モード, 標準モード
- インラインフレームにz-indexが効かない
-
- インラインフレーム（iframe要素）にはz-indexプロパティが効かず、常に最前面に表示される。
- Category: Internet Explorer, Mac
- Tag: z-index
- 固定レイアウト表で列幅の合計は表要素の幅の指定値を超えられない
-
- 固定レイアウト表（table-layout:fixed;）では列幅の指定値の合計が表要素の幅の指定値より大きい場合でも、表全体の幅は表要素のwidthプロパティの値が適用されてしまう。
- Category: Internet Explorer, Mac
- Tag: table, width
- 行グループ要素の背景が設置される場所が違う
-
- tfoot要素に指定した背景とtbody要素に指定した背景とが入れ替わってしまう。
- Category: Internet Explorer, Mac
- Tag: table
- マージン領域に自身の背景が表示される
-
- ある要素に設定した背景が、その要素のマージン領域にまで表示されることがある。
- Category: Internet Explorer, Mac
- Tag: background, margin
- 絶対配置要素内で擬似クラスへの指定内容が正しく反映されない
-
- 絶対配置された要素内で、擬似クラスに指定されたスタイルの一部が反映されないことがある。
- Category: Internet Explorer, Mac
- Tag: absolute, position, 擬似クラス
- backgroundプロパティで指定した背景画像が表示されない
-
- backgroundプロパティで背景画像を指定する際、url()内でパスを ' ' で囲むと背景画像が表示されない。' ' で囲まない場合にも発生するそうです。（2002-10-31追記）
- Category: Internet Explorer, Mac
- Tag: background
- 表要素のボーダーが表示されない
-
- table要素で四方のボーダーを表示するように設定しているにもかかわらず、表示されないことがある。
- Category: Internet Explorer, Mac
- Tag: border, table
- displayプロパティで未対応の値を無視しない
-
- displayプロパティに未対応の値（block, inlineなど）が指定されると、その値を無視せずに初期値で上書きしてしまう。
- Category: Internet Explorer, Mac
- Tag: display
- 色指定のないborderによる値の上書きができない
-
- 一旦指定されたボーダースタイル border:none; の指定を、ボーダー色の指定を省略したborderプロパティを用いて上書きすることができない。※none以外のボーダースタイルは上書きできるそうです。
- Category: Internet Explorer, Mac
- Tag: border
- :hover擬似クラスでvertical-alignが無効
-
- :hover擬似クラス状態の要素にvertical-alignプロパティを指定しても無視される。
- Category: Internet Explorer, Mac
- Tag: :hover, vertical-align
- text-alignを指定した要素内で文字列とリンクが機能する位置とがずれる
-
- text-alignプロパティの値がleft以外である要素内にリンクを設置しているとき、実際にa要素の内容物がある位置と、text-alignプロパティがデフォルト値のときにa要素の内容物が表示されるであろう位置の両方がリンクとして機能する。 text-alignプロパティを指定した要素内にリンクを設置しているとき、a要素の内容物がある位置とリンクとして機能する（例えばマウスポインタの形状が変化する）位置とがずれてしまうことがある。
- Category: Internet Explorer, Mac
- Tag: a, text-align
- 内容物を持たないセル要素の枠線が隣接する枠線と重なる
- overflow:auto; を指定した要素の下に空白ができる
-
- overflow:auto; を指定した要素をbody要素内の最後に置いた場合、内容物から導かれるボックスの高さ（height:auto; を指定したときの高さ）と現在のボックスの高さとの差にあたる大きさの余白がその要素の下部に出現する。
- Category: Internet Explorer, Mac
- Tag: overflow
- 特定のテーブルに指定したボーダー色が別のテーブルにも適用される
-
- クラスセレクタなどを使用して特定のテーブルにボーダー色を設定しているとき、この色指定がセレクタにマッチしない別のテーブルのボーダーに反映される。
- Category: Internet Explorer, Mac
- Tag: border, table
- url()内で引用符を使用したURI指定を認識しない
-
- url() を用いたURI指定を行うとき、URIをシングルクォーテーションで括るとこの指定を認識しない。また、MacIE4.5はURIをダブルクォーテーションで括った場合もこの指定を認識しない。
- Category: Internet Explorer, Mac
- ISO-2022-JPで22を含む文字を「"」と判断する
-
- スタイルシートをISO-2022-JPで記述したとき、16進表記で「22」を含む文字（「◆」など）をダブルクォーテーション「"」と判断する。このため、このような文字の後にあるスタイル宣言が適用されなくなることがある。
- Category: Internet Explorer, Mac
- 16進数エスケープ文字の直後に置いた空白類文字を無視しない
-
- CSS内で16進数表記によるエスケープを行うとき、エスケープ表記の直後にある空白類文字を無視しない。このためにスタイル宣言が無視されることがある。
- Category: Internet Explorer, Mac
- Tag: 16進数
- font-sizeプロパティにmiddle値を指定すると算出値が非常に小さくなる
-
- font-sizeプロパティに不正な値「middle」を指定すると、この宣言を無視せずに非常に小さい文字サイズで表示する。
- Category: Internet Explorer, Mac
- Tag: font-size, middle
- 相対配置または絶対配置した要素内で下線装飾が無効になる
-
- 相対配置または絶対配置（absolute）した要素の匿名インラインボックス内では下線装飾（text-decoration: underline;）指定が反映されない。
- Category: Internet Explorer, Mac
- Tag: absolute, position, relative, text-decoration
- ユーザーCSSで画像呼び出し系のプロパティを使用できない
-
- ユーザーCSS内で画像呼び出し系のプロパティ（background-image等）を指定しても反映しない。
- Category: Internet Explorer, Mac
- フロート化したh1要素に続くブロックボックスが回り込んで表示される
-
- h1要素をフロートにしているとき、h1要素の直後にあるdiv要素ボックスの幅がフロートに重ならないように縮小される（置換ブロック要素のようになる）。
- Category: Internet Explorer, Mac
- Tag: float, h1, ボックス
- DOMによる要素生成後にクラッシュすることがある
-
- document.createElement() メソッドを用いて要素を生成するとMacIEの動作が不安定になり、クラッシュすることもある。具体的には以下のような症状がある。
- Category: Internet Explorer, Mac
- Tag: DOM
- フロートでtext-align:center;指定が効かない
-
- 最初の子要素が匿名インラインボックスになっている要素をフロートにすると、 text-align: center; の指定が効かなくなる。
- Category: Internet Explorer, Mac
- Tag: float, text-align
- 固定配置ボックス内のアンカーに対するマウスオーバー効果が効かない
- vertical-alignプロパティとinheritを指定したプロパティの組み合わせでクラッシュ
-
- inherit以外の正当な値を指定したvertical-alignプロパティとinherit値を指定した任意のプロパティを単一のセレクタブロック内で指定すると、このセレクタにマッチする要素を含む文書を読み込んだときにMacIEがクラッシュする。ただし、MacOSX版（Carbon）のMacIEのみで発生する。
- Category: Internet Explorer, Mac
- Tag: inherit, vertical-align
- ルビ関連要素のdisplayプロパティを変更できない
-
- ルビ関連要素（ruby, rb, rp, rt要素など）にdisplayプロパティを指定してもデフォルトの状態から変えることができない。
- Category: Internet Explorer, Mac
- Tag: display, ルビ
- インラインボックス化したブロック要素の背景が左方に広がる
-
- 親ブロック要素のtext-alignプロパティにcenter値かright値を設定し、その子要素に背景を設定しさらにインラインボックス化（display:inline;）すると、子要素のボックスがtext-alignプロパティがデフォルト値のときに内容物が表示される位置にまで広がってしまい、前方のリストアイテム要素の内容物の上に覆いかぶさる。
- Category: Internet Explorer, Mac
- 四方のborder-colorが統一されていない要素でtransparent値が無視される
-
- 任意の要素で四方のボーダー色を同じにしていないとき（border-colorプロパティで2つ以上の値を指定するときなど）、指定値の中にtransparentが含まれていてもその部分が透明にならない。
- Category: Internet Explorer, Mac
- Tag: border, transparent
- 折り返されたフロートが常にコンテナブロックの左端に寄せられてしまう
-
- コンテナブロックの幅が狭いためにフロートが折り返されるとき、フローとの寄せ方は上寄せが左（右）寄せより優先されなければならないが、MacIEは左（右）寄せを優先してしまう。
- Category: Internet Explorer, Mac
- Tag: float, ボックス
- lang属性を明示しなければ欧文フォント指定が反映されない
-
- 任意の要素に対してfont-familyプロパティで欧文フォントを指定する場合、その要素のlang属性を明示的に「ja」以外の値にしなければ欧文フォントの指定が無視されてしまう。
- Category: Internet Explorer, Mac
- Tag: lang
- 背景画像がボーダー辺を基準に配置される
-
- 仕様では背景画像の初期位置（background-positionプロパティで設定する）はパディング辺を基準にして決めるとされているが、MacIEはボーダー辺を基準にする。
- Category: Internet Explorer, Mac
- Tag: background, border
- @mediaで括ったスタイル指定が無効になる
-
- メディアタイプを特定させる構文である @media type { ? } で括られた範囲内のスタイル指定が全て無視される。
- Category: Internet Explorer, Mac
- :hoverへの設定が適用されるたびにa要素がずれてゆく
-
- :hover内にpositionやfont-weightなど、特定のプロパティが指定されているa要素が複数行に渡って連続して置かれているとき、a要素にマウスポインタなどが乗るたびにa要素が移動する。
- Category: Internet Explorer, Mac
- Tag: :hover, a
- 表要素に指定したtext-alignプロパティがセル要素に継承しない
-
- table要素にtext-alignプロパティを指定しても、th, td要素に継承しない。
- Category: Internet Explorer, Mac
- Tag: table, td, text-align, th
- ルビつき文字がページ右端にあるとルビが正しい位置に表示されない
-
- ルビが設定された文字がページの右端にある（行の最後の文字である）とき、ルビ文字が正しい位置に表示されない。
- Category: Internet Explorer, Mac
- Tag: ルビ
- 特定の文字数のルビが正しい位置に表示されない
-
- フォントサイズが14?16pxのとき、ルビベース（rb要素）2文字、ルビ文字（rt要素）3文字の組み合わせのときにルビが正しい位置に表示されない。 ※OS10.3上のMacIE5.2では14pxの場合だけこの不具合が発生するそうです。
- Category: Internet Explorer, Mac
- Tag: ルビ
- 表要素内の絶対配置要素が表要素を基準にして配置される
-
- 通常配置されたtable要素の子孫要素を絶対配置（position: absolute;）にすると、絶対配置された要素はtable要素の左上座標を基準にして（table要素が相対配置されているかのように）配置される。
- Category: Internet Explorer, Mac
- Tag: absolute, position, table
- 相対配置要素の位置指定に負の値を使用できない
-
- 相対配置を行う場合の位置指定プロパティ（left, right, top, bottom）に負の値を指定すると無視されてしまう。
- Category: Internet Explorer, Mac
- Tag: position, relative, 負数
- heightの%値指定時に親要素の高さを反映しない
-
- heightプロパティを%値で指定しても、親要素の高さを反映した結果にならない。body要素内にボックスがない（body要素の子孫がすべて絶対配置の場合など）に発生する可能性がある。
- Category: Internet Explorer, Mac
- Tag: %指定, height, 親要素
- heightの%値指定が要素の幅に対する%値になる
-
- heightプロパティを%値で指定すると、その算出値は要素の横幅に対する%値になってしまう。（bodyやhtml要素のみで発生するバグの可能性あり）
- Category: Internet Explorer, Mac
- Tag: %指定, height, width
- 両端揃えを指定した要素内の表示が崩れる
-
- 自動折り返しが行われる量の内容物（長い文章など）を持つ要素に対して両端揃え（text-align: justify;）を指定すると、表示が崩れる。
- Category: Internet Explorer, Mac
- Tag: text-align
- clearを設定した要素の子要素では同じ方向のfloatが効かない
-
- clearプロパティの値をleftに設定した要素の子要素は左フロートにすることができない。同様にclearプロパティの値をrightに設定した要素の子要素は右フロートにすることができない。
- Category: Internet Explorer, Mac
- Tag: clear, float, 子孫要素
- letter-spacingを指定した要素内の表示が崩れる
-
- 自動折り返しが行われる量の内容物（長い文章など）を持つ要素に対してletter-spacingプロパティを指定すると、表示が崩れる。
- Category: Internet Explorer, Mac
- Tag: letter-spacing
- overflowプロパティにvisible以外の値が指定された要素が表示されない
-
- 一部の要素において、overflowプロパティにvisible以外の値（autoを含む）を指定した要素は、要素全体が表示されなくなる。
- Category: Internet Explorer, Mac
- Tag: overflow
- sans-serifフォント使用時に文字が上方へずれて表示される
-
- meta要素で文字コードを指定したページでは、font-familyプロパティにsans-serifを指定された要素内の文字が0.2emほど上方にずれて表示される。
- Category: Internet Explorer, Mac
- Tag: font-family
- hr要素でwidthプロパティの指定値が正しく反映されない
-
- hr要素にwidthプロパティを指定したとき、背景やボーダーが指定された幅を超えて表示されることがある。
- Category: Internet Explorer, Mac
- Tag: hr, width
- a要素全体の文字色に内包子要素の文字色が反映される
-
- 互換モードでは、a要素の子孫要素で前景色を設定しているとき、その前景色がa要素全体に反映されてしまう。
- Category: Internet Explorer, Mac
- Tag: a, color
- スタイルシート内でバックスラッシュの直後にある文字が無視される
-
- スタイルシート内で1バイト文字のバックスラッシュ（¥）を用いると、その直後にある文字を無視する。このため、後に続くスタイル宣言が無視されてしまうことがある。
- Category: Internet Explorer, Mac
- Tag: バックスラッシュ
- フロート要素内でポジショニングを行うと指定どおりに配置されない
-
- フロート化した要素の子孫要素をポジショニングすると指定した位置に配置されない。表示すらされないこともある。
- Category: Internet Explorer, Mac
- Tag: float, position
- 入力ボックス内で2バイト文字が欧文フォントで表示される
-
- 入力ボックス系の要素（input, textarea）にフォントファミリを指定する際、欧文フォントと和文フォントの両方を指定したにもかかわらず、すべて欧文フォントで表示されてしまう。結果として、文字化けして表示される。
- Category: Internet Explorer, Mac
- Tag: textarea
- ブロック要素化したbr要素をテーブル内で使用するとセル幅が異常になる
-
- display: block; を指定したbr要素をテーブルセル内に置くと、セル幅が異常に長くなることがある。
- Category: Internet Explorer, Mac
- Tag: br, table
- 相対配置した要素の子孫要素が親要素の位置指定を継承する
-
- 相対配置指定した要素の子孫要素が、本来は継承するはずのない親要素の位置指定を継承する。ただし、最初の子要素だけは継承せずに正しく表示される。
- Category: Internet Explorer, Mac
- Tag: position, relative
- 閲覧領域からはみ出す要素がない状態でもスクロールバーが表示されることがある
-
- ブラウザの閲覧領域からはみ出している要素がないにもかかわらず、スクロールバーが表示される場合がある。
- Category: Internet Explorer, Mac
- Tag: スクロール
- marginプロパティで値を一括指定すると無視される
-
- marginプロパティで値を一括指定すると、対象となる要素によっては指定が無視されることがある。
- Category: Internet Explorer, Mac
- Tag: margin
- :first-letter擬似要素の適用対象が2バイト文字の場合に表示が崩れる
-
- :first-letter擬似要素の適用対象（要素内の1文字目）が2バイト文字の場合、正しくない表示をする。
- Category: Internet Explorer, Mac
- Tag: :first-letter
- インライン要素に指定した上下マージンは無視される
-
- インライン要素にマージン関連のプロパティを指定することはできるが、実際は上下マージンが設置されないように見える。
- Category: Internet Explorer, Windows, ver.6
- Tag: margin, インライン要素
- 未知の要素は空要素として扱う
-
- WinIEは、未知の要素を空要素として扱う。ただし、開始タグと終了タグがそれぞれ個別の空要素になる。
- Category: Internet Explorer, Windows, ver.6
- 特定のコメントより後のスタイル宣言が無視される
-
- HTML文書で用いている文字コードと外部スタイルシートで用いている文字コードが異なっているとき、外部スタイルシート内で特定の文字をコメントにすると、それより後の部分のスタイル宣言が無視される。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: コメント
- @importのネストを3階層より深くできない
-
- @importキーワードでインポートされるスタイルシート内で@importキーワードを用いて他のスタイルシートをインポートする操作を繰り返すとき、3階層より深い位置にあるスタイルシートはインポートされない（4回目以降の@importは無視される）。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- select要素ではz-indexやborderなどのプロパティを無視する
-
- select要素ではz-indexやborderなど、ほかのフォームコントロール要素で使用可能なプロパティの一部が無視される。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: border, select, z-index
- 1つの文書内ではスタイルシートを31個までしか認識しない
-
- 1つの文書内に <link rel="stylesheet"> やstyle要素を複数置くと、始めから31個目までは認識されるが32個目以降に指定したスタイルが反映されない。
- Category: Internet Explorer, Windows, ver.6
- Tag: link
- ul要素の幅を広げるとリストマークが画面外へはみ出る
- body要素以外で背景画像を固定できない
-
- body要素以外の要素で background-attachment: fixed; による背景画像の固定を行っても、背景画像はページスクロールに合わせて動いてしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: background, body
- 一部のborder-styleに未対応
-
- スタイルシートでの指定に関わらず、body要素に対して設定されたボーダーは常にsolid（実線）で表示される。また、その他の要素でもdashedまたはdottedスタイルのボーダーがsolidで表示される。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: border
- 未対応のセレクタが含まれる宣言ブロック全体を無視する
-
- カンマ区切りでセレクタを複数指定するとき、その中に未対応のセレクタが含まれる場合はブロック全体が無視される。対応しているセレクタも無視する。
- Category: Internet Explorer, Windows, ver.6
- Tag: セレクタ
- キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる
- ボックス幅をem単位で指定すると正確に幅を算出しない
-
- widthプロパティをem単位の値で指定すると、指定どおりの幅にならないことがある。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: em, width, ボックス
- :hover状態になると親要素のボックス幅が広がる
-
- :hover擬似クラスに何らかの指定をしたスタイルシートを使用する文書では、リンクが:hover状態になると親要素のボックスの幅が広がることがある。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: :hover, width, ボックス, 親要素
- @mediaブロックの括弧の対応関係を正しく認識しない
-
- WinIE4は@mediaキーワードを無視するが、そのブロックの中括弧の対応関係を正しく認識せず最初に現れる閉じ中括弧までを@mediaのブロックと認識する。
- Category: Internet Explorer, Windows, ver.6 Under
- :hoverのスタイルが反映されると透過したhr要素が消える
- :hoverのスタイルが反映されるとページをスクロールできなくなる
-
- 閲覧領域のスクロールバーが表示されているページで、リンクにマウスポインタ等を載せることで:hover擬似クラスに指定したスタイルが表示に反映されると、閲覧領域のスクロールバーが消えることがある。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: :hover, スクロール
- フロートと改ページが混在したページで印刷プレビューができない
-
- フロートと改ページ（page-break-before, page-break-after）が混在したページを印刷プレビューで開くとIEがクラッシュすることがある。
- Category: Internet Explorer, Windows, ver.6
- Tag: float
- 右パディングが直後の要素に引き継がれる
-
- ある要素で指定した右パディングが、その直後にある要素にも適用される。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: padding
- 背景画像が最前面に表示される
-
- 背景画像が最前面に表示され、文字などを隠してしまうことがある。
- Category: Internet Explorer, Windows, ver.6
- Tag: background
- h1要素にクラスが設定されているときにh2要素の左パディングが無視される
- DOMでiframe要素を生成しようとするとobject要素が生成される
-
- DOMのcreateElementメソッドを用いてiframe要素を生成しようとすると、object要素が生成されてしまう。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: DOM, iframe, object
- iframe内文書のタイトルが親文書のタイトルとして表示される
-
- インラインフレーム内に表示した文書のタイトルが親文書のタイトルとして（ブラウザのタイトルバーに？）表示される。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: iframe, title
- フロート配置要素を用いると文字列がずれる
-
- （不明）
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: float
- overflow:auto; を指定した要素の幅・高さ・マージン・パディングが正しく反映されない
-
- overflow: auto; を指定した要素に対して設定された幅、高さ、マージン、パディングのプロパティが正しく反映されない。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: height, margin, overflow, padding, width
- 幅100%の絶対配置要素のマージン及び親要素のマージンとパディングが無視される
-
- width: 100%; と position: absolute; を指定したブロック要素に設定したマージンが無視される。また、この要素の親要素のマージンとパディングも無視される。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: %指定, absolute, margin, padding, position
- ポジショニングを使用したページでフロート配置の画像を用いると背景画像がずれる
-
- positionプロパティで何らかの配置を行っている要素があるページ内で画像（img要素）をフロート配置すると、これらとは関係のない背景画像が本来の場所からずれて表示される。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: background, float, img, position
- 横方向のパディングをem単位の値で指定すると無視される
-
- WinIE4は、em単位の値で指定された横方向のパディングを無視する。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: em, padding
- フロートに隣接する要素は親要素との間で上下マージンが相殺されない
-
- フロート化した要素の直前や直後にある要素は、親要素との間で上下マージンが相殺されない。フロートの直後にある要素の上マージン、フロートの直前にある要素の下マージンでこの現象が発生する。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float, margin
- li要素でvertical-alignがテキストの配置に影響を与える
-
- ブロック要素であるli要素にvertical-alignプロパティを指定すると、テキストが置かれる位置が変化する。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: li, vertical-align
- p要素などをフロートにすると上マージンが消える
-
- デフォルトで上下マージンが設定されている要素（p, form要素など）をフロートにすると、デフォルトの上マージンが消えてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float, margin, p
- 同一ブロック内では!importantが無視される
-
- 同一ブロック内に1つのプロパティについて!importantキーワードがある宣言とない宣言を置いた場合、!importantキーワードは無視されより後にある宣言が有効になる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: !important
- 相対値の横パティングを持つ要素を含む表の幅が異常に長くなる
-
- 表のセル内に、widthプロパティの値がauto以外で左右パディングの値を%単位で指定したブロックレベル要素があるとき、そのブロックレベル要素と表要素のボックス幅が指定値を大きく超えた長さになる。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: padding, table, width
- コメントがフロートの位置をずらす
-
- フロートの前にコメントを置いたとき、フロートが本来の位置よりも下方に置かれることがある。
- Category: Internet Explorer, Windows, ver.6
- Tag: float, コメント
- インライン要素内のブロック要素がインライン要素のスタイルを継承する
-
- インライン要素の子孫にブロック要素があるとき、インライン要素に指定された継承しないプロパティの設定値が子孫のブロック要素に継承する。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: インライン要素
- 親要素のボックスからはみ出すボックスがフロートの下に置かれる
-
- フロート化した要素に後続する要素のボックスが親要素のボックスからはみ出すような状況では、フロートに後続する要素のボックスはフロートボックスより下に置かれてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float, ボックス
- line-heightが1より大きい要素でアクティブなリンクの枠が大きすぎる
-
- 行の高さが文字の高さより大きい（line-heightプロパティの指定値が1より大きいなど）要素内では、アクティブなリンクにつく枠が本来のサイズより縦方向に大きくなる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: a, line-height
- bodyにz-indexを指定すると子孫要素の背景指定が無視される
-
- body要素にz-indexプロパティを指定したページでは、body要素の孫要素やより下位の要素の背景指定が無視され、body要素やbody要素の子要素の背景で塗りつぶされてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: background, body, z-index
- 幅や高さを指定した要素の子孫要素でデフォルト指定のマージンが消える
-
- widthプロパティやheightプロパティにauto以外の値を指定した要素の子孫に、デフォルトでマージンがある要素（p, blockquote, ulなど）があるとき、デフォルトのマージンが消えることがある。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: margin
- z-indexを負の数にしたリンクを選択できない
-
- ポジショニングした祖先要素を持たないa要素のz-indexプロパティに負の値を指定すると、そのリンクをマウスなどのクリックによって辿ることができなくなる。
- Category: Internet Explorer, Windows, ver.6
- Tag: z-index
- visibility:hidden;を指定した要素に:hoverが効かない
-
- visibility:hidden; を指定して非表示にした要素には、:hover擬似クラスの指定内容が効かない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: :hover, visibility
- ボックスの高さを特定の値より小さくできない
-
- またline-heightプロパティを指定した内容物が存在しない要素でもheightプロパティの指定値に関わらず、ボックスの高さが文字の高さより小さくならない。ただし、内容物がコメントのみの要素を除く。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: height, ボックス
- 識別子の先頭にある「_」を無視する
-
- プロパティ名の先頭にアンダーバーを付加したものを指定すると、WinIEは先頭のアンダーバーを無視する。従って、不正な宣言と扱われない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- セレクタ指定で「#」より前の部分を無視する
-
- WinIE5.0が対応していないセレクタ（>, + など）の直後にidセレクタがある場合、idセレクタより前の部分は無視される。この結果、単一のidセレクタに対してスタイルを適用させる宣言として扱われる。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: セレクタ
- table要素の上マージンがcaption要素の上に設置される
-
- table要素の上マージンが、caption要素のボックスの上に設置される。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: margin, table
- リストマーカーの番号が途中から振られる
-
- 順序つきのリストマーカーを設定しているリストアイテム要素は、同じ階層にあるdisplayプロパティの値がlist-itemでないブロックレベル要素もカウントの対象にする。このため、途中の番号が飛んでしまったかのように表示されることがある。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: リストマーク
- パディング・幅・高さを指定したリストでリストマーカーが壊れる
-
- リスト要素に上パディング、リストアイテム要素にwidthまたはheightプロパティを指定したとき、最初のリストアイテムのリストマーカーが消える。順序つきリストのリストアイテム要素にwidthまたはheightプロパティを指定したとき、2番目以降のリストアイテムの番号がすべて1番目を表すものになる。
- Category: Internet Explorer, Windows, ver.6
- Tag: padding, リストマーク
- 固定レイアウト表で列の幅が小さくなる
-
- 固定レイアウト表（table-layout:fixed;）で、以下の問題が発生する。 列の幅を%単位の値で指定した表でその合計値が100%を超えるとき、列の後方にあるセルの実際の幅が小さくなることがある。セルの幅が0になり内容物が見えなくなることもある。 1つの表に幅を%単位の値で指定した列と長さの値で指定した列が混在する場合、幅を%単位の値で指定した列の実際の幅が小さくなることがある。セルの幅が0になり内容物が見えなくなることもある。 列の幅を%単位の値で指定したとき、列の幅は表の幅に対する%値ではなく表の幅からボーダーの幅やセル間の幅を差し引いた量に対する%値になる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: fixed, position
- フロートの左右にある行の端がずれる
-
- フロートの横に、フロートに重ならないようにマージンを設置したブロックボックスを置く（いわゆる段組）とき、ブロックボックスの行でフロートの左右に置かれるものは、ほかの行に比べて文字列の端がずれている。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float
- clearの指定が親要素にも影響する
-
- フロートの後方に親子関係を持つボックスがあるとき、親要素の開始タグと子要素の開始タグが隣接している状態で子要素にclearプロパティを指定すると、子要素だけでなく親要素のボックスも回り込みが抑制されてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: clear
- フロートを含むボックスのマージンが無視される
-
- （複数の子要素または多くの内容物を含む）右フロート上記のフロートの直後にclearプロパティで回り込みを抑制したフロートでない要素これら全ての要素を子に持つ要素で、左や上のマージンが無視されることがある。※左フロートでは左マージンが、右フロートでは左マージンと上マージンが無視されます。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float, margin
- clear:all;がclear:both;と同等に扱われてしまう
-
- W3CのCSS勧告ではclearプロパティにallという値は定義されていない。しかしWinIEはall値をboth値と同じように扱う。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: clear
- clearを指定したフロートの上下に空行ができる
-
- ブロックレベル要素の子要素にclearプロパティを用いて回り込みを抑制したフロートがあるとき、ブロックレベル要素の上下に空行が発生する場合がある。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: clear, float
- media属性を含むlink要素で呼び出した外部スタイルシートでは@mediaを無視
-
- media属性を含むlink要素で外部スタイルシートを読み込む場合、その外部スタイルシート内で指定した@mediaキーワードは無視される。
- Category: Internet Explorer, Windows, ver.6 Under
- インライン要素のrepeat-x背景画像が1行目にしか表示されない
-
- インライン要素に対して background-repeat:repeat-x; を指定すると、背景画像はインライン要素の1行目にあたる部分にしか表示されない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: インライン要素
- html要素にスタイルを設定できない
-
- WinIE5はbody要素が初期コンテナブロックを生成するため、CSSにおける木構造のルート要素になる。従ってhtml要素に指定したスタイルの多くは無視される。 マージン領域やパディング領域は存在しない。 html要素とbody要素の両方にボーダーを設定した場合、html要素のボーダーはbody要素のボーダーに上書きされる。 html要素とbody要素の両方に透明でない背景を設定した場合、body要素の背景がhtml要素の背景を完全に隠す。 html要素の内容物のはみ出しをoverflowプロパティによって制御できない。 閲覧領域のスクロールバーはbody要素に属する。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: html
- clearを指定した要素ではフロートに対して上マージンを設置する
-
- clearプロパティによってフロートとの隣接を抑制した要素に上マージンを指定すると、フロートの下に指定値分の幅の上マージンを設置する。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: clear, float, margin
- 最も高さが大きい要素にvertical-align:bottom;を指定すると配置が狂う
-
- 行内でもっとも高さが大きいインライン要素に vertical-align:bottom; を指定すると、その要素の他の文字列等との位置関係は vertical-align:top; の場合と同じになる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: vertical-align
- vertical-align:middle;の状態では置換インライン要素だけの行の高さ算出が不正
-
- vertical-alignプロパティがbaseline値のとき、置換インライン要素のみを含む行の高さは最も高さが大きい置換インライン要素の高さと同じになる。
- Category: Internet Explorer, Windows, ver.6
- Tag: line-height, vertical-align, インライン要素
- フロートの上部に祖先要素の上ボーダーを表示する
-
- line-heightプロパティの値が大きいとき、フロートの上部に祖先要素の上ボーダーが表示されてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: border, float
- 擬似要素／擬似クラス／@キーワードなどの判別があいまい
-
- 擬似要素、擬似クラス、@キーワード、!important は語句の後部が欠落した状態でも認識する。
- Category: Internet Explorer, Windows, ver.6
- Tag: 擬似クラス, 擬似要素
- 背景を指定したフォーム部品で視覚スタイルが無効になる
-
- input要素やtextarea要素に背景を指定すると、WindowsXP以降で実装された視覚スタイルによる装飾が無効になりクラシックスタイルの装飾（Win2000/9xと同じ装飾）になってしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: form
- 親にボーダーを設置した要素を持つ要素のマージン設置が正しくない
-
- ボーダーが設置されている親要素を持つ要素にwidthプロパティまたはheightプロパティを具体的な値で指定したとき、その要素に指定したマージンが正しく設置されない。 WinIE6.0標準モード：上マージンと左マージンを（おそらく右マージンも）設置しない。下マージンは親要素の下マージンであるかのように設置される。 WinIE6.0互換モード、WinIE5.5：上のマージンを設置しない。下マージンは親要素の下マージンであるかのように設置される。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: border, margin
- アンカーを:hover状態にするとiframe要素のサイズが変化する
-
- アンカーが:hover擬似クラスの状態になったとき、サイズを%単位の値で指定したiframe要素のサイズが変化することがある。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: :hover, iframe
- 直後に背景色つきのhr要素がある絶対配置要素の初期位置がずれている
-
- 直後に背景色を指定したhr要素を持つ絶対配置要素では、leftプロパティを指定しないときの初期値が0にならない。 left:50%; を指定したときの位置に配置されてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: absolute, hr, position
- 相対配置要素内のテーブル行グループ要素のスタイルが外部にはみ出す
-
- 相対配置した要素の子孫にtable要素があるとき、そのテーブルの行グループ要素（thead, tfoot, tbody）に指定した背景がテーブルの外部にはみ出して表示されることがある。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: position, relative, table
- 閲覧領域のサイズを初期コンテナブロックのサイズとして扱う
-
- 初期コンテナブロックのサイズは内容物の量に関わらず、閲覧領域のサイズと同じになっている。このため、幅や高さを明示していない初期コンテナブロックに対して絶対配置する要素は、閲覧領域に対して配置されてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- collapseボーダーをvisibilityで非表示にできない
-
- collapseボーダー（border-collapse:collapse;）を用いたテーブルをvisibilityプロパティを用いて非表示にさせるとき、テーブル内部のボーダーが非表示にならない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: collapse, visibility
- word-breakがブロックレベル要素以外で効かない
-
- ブロックレベル要素以外ではword-breakプロパティの指定が無視される。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: word-break
- 実体参照で表記した文字が正しく表示されない
-
- Unicodeを使用しないと表現できない文字などを実体参照で表記するとき、その文字のデータを含むフォントが存在する環境でも文字が表示されない場合がある。
- Category: Internet Explorer, Windows, ver.6
- Tag: 実体参照
- clearを指定したボックスの内側上部に隙間が空く
-
- clearプロパティによりフロートの後方へ置かれることを強制したボックスに上ボーダーを設置すると、そのボックスの上部に隙間が空くことがある。 clearプロパティを指定した要素の直前にフロートが存在しない場合、隙間は空かない。 clearプロパティを指定した要素の直前にフロートが存在する場合、上パディングに相当する位置に幅が1pxの隙間が空く。 clearプロパティを指定した要素の前方にフロートが1つだけ存在する場合、WinIE6.0互換モードとWinIE5.xでは、上パディング相当の隙間に加えて上マージンに相当する位置に、幅が約16pxの隙間が空く。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: clear, float
- 終了タグを省略したoption要素に続くoptgroup要素を無視する
-
- 終了タグを省略したoption要素の直後にoptgroup要素があるとき、そのoptgroup要素は無視される。
- Category: Internet Explorer, Windows, ver.6
- Tag: optgroup, option
- 一部のボーダーはcolorの値を引き継がない
-
- border-colorプロパティが未指定の場合、outset, inset, ridge, grooveの各ボーダーの色は当該要素のcolorプロパティの値とは異なる色になってしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: border, color
- OpenTypeフォントを用いて2バイト文字を表示することができない
-
- UnicodeやUTF-8で記述した文書では、OpenTypeフォントで2バイト文字を表示することができない。
- Category: Internet Explorer, Windows, ver.6
- Tag: font-family
- 初期コンテナブロックを生成する要素の幅を指定できない
-
- 初期コンテナブロックを生成する要素（WinIE6標準モードではhtml要素、WinIE6互換モードとWinIE5.5以前はbody要素）に対してwidthプロパティを指定しても無視されてしまい、幅を指定しないときと同じ結果になる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: width
- 幅を指定していないテーブルでも固定レイアウトが有効
-
- table要素でテーブル全体の幅をauto以外の値で明示しなくても、テーブルの固定レイアウト（table-layout: fixed;）が有効になっている。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: table, width
- overflowへの対応が不完全な要素
-
- 表のセル要素（th, td）や行グループ要素（thead, tfoot, tbody）など一部の要素では、overflowプロパティへの対応が不完全になっている。例えば、scroll値を指定してもスクロールバーが現れない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: overflow
- fieldset要素の上パディングがボーダー領域の外側に設置される
-
- fieldset要素にパディングを設定すると、上パディングがボーダー領域の外側に設置される。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: border, fieldset, padding
- インライン要素に挟まれているフロートが下にずれて置かれる
-
- ソース中でインライン要素の間にある要素をフロートにしたとき、フロートが本来置かれるべき位置から下方にずれた位置に置かれる。このためフロートは、フロートの直前の行に含まれる内容の後に置かれてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float, インライン要素
- overflowでスクロールバーが出るときの高さ計算が正しくない
-
- ある要素でoverflowプロパティにautoかscrollを指定してスクロールバーが表示されるとき、その中身の高さ計算が正しくない。最後のボックスの下ボーダーまでしか高さを確保せず、下マージンが消えてしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: overflow, スクロールバー
- 先頭にフロートがあるリストアイテム要素でリストマーカーが要素内に入り込む
-
- リストマーカーをボックスの外に置いた（list-style-position:outside;）リストアイテム要素で、内容物の先頭の要素を左フロートにするとリストマーカーがリストアイテム要素のボーダー領域やその内側に入り込む。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float, リストマーク
- アンカーを:hover状態にするとbody要素のサイズが縮む
-
- html要素とbody要素にoverflowプロパティなどを指定し、かつ:hover擬似クラスに対して背景色を指定しているとき、アンカーが:hover状態になる度にbody要素の幅や高さが縮む。
- Category: Internet Explorer, Windows, ver.6
- Tag: :hover, body
- 非置換インライン要素に対するline-heightの指定を無視する
-
- 非置換インライン要素に対してline-heightプロパティを指定してもボックスの高さを設定できない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: line-height
- em単位で指定した字間をbody要素の文字サイズを基準に算出する
-
- letter-spacingプロパティをem単位の値で指定すると、当該要素や親要素の文字サイズを無視してbody要素の文字サイズに対する値を算出し、それを適用してしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: em, font-size, letter-spacing
- 代替スタイルシート内の指定をprintメディアに反映しない
-
- スタイルシート切り替えスクリプトなどを使用して代替スタイルシートを適用すると、画面上では代替スタイルシートが適用されるが印刷プレビューや実際の印刷物上ではスタイルシートが適用されていない状態で出力されてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: print
- フロートの左右マージンが指定値より大きくなる
-
- フロート化させたボックスに左右マージンを指定すると、指定値の2倍程度のマージンが設置される。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float, margin
- 絶対配置／フロート状態のリストアイテム要素のリストマーカーが消える
-
- リストアイテム要素（display: list-item; を指定した要素）を絶対配置したり、フロートにしたりするとdisplayプロパティがblock値に変更され、リストマーカーが消えてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: absolute, float, position, リストマーク
- hr要素に指定した下マージンが親要素の下マージンとして反映される
-
- hr要素に display:block; と任意の下マージンを指定したとき、そのhr要素を最後部に内包する親要素の下マージンがhr要素に指定した下マージンと同じ値になる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: hr, margin
- 表の行グループ要素に指定したheightプロパティがセル要素に継承する
-
- thead, tfoot, tbodyの各要素にheightプロパティを指定すると、内部のth, tdの各要素にその値が継承する。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: height, table
- アンカーを:hover状態にすると後続するフロートの一部が消える
-
- 以下の条件に該当するとき、アンカーにマウスポインタ等を乗せて:hover状態にすると最もボックス高が大きいフロートのうち、2番目にボックス高が大きいフロートの高さを超える部分が消える。 （【アンカーを:hover状態にすると親ブロックの高さが変化する】が発生するような入れ子構造があり、バグ対策を施している【アンカーを:hover状態にすると親ブロックの高さが変化する】の「補足」を参照）。 上記の入れ子ブロックの後にフロート化したボックスが複数並んでいる。 それらのフロートの下に何も（clearプロパティがnone値以外のボックスなどが）存在しない。 最も前にあるフロート（左フロート(float:left;)が複数ある場合は最も左上方に置かれるフロート、右フロート(float:right;)が複数ある場合は最も右上方に置かれるフロート）のボックス高が最も大きい。
- Category: Internet Explorer, Windows, ver.6
- Tag: :hover, float
- アンカーを:hover状態にすると親ブロックの高さが変化する
-
- 以下の条件群のいずれかに該当するとき、アンカーにマウスポインタ等を乗せて:hover状態にすると内側から3番目のボックスの高さが増加したり減少したりする。 条件群1 3重以上の入れ子ブロックになっている。 一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。 最も内側のブロックに任意の上下マージンを設定している。 内側から2番目のブロックに背景とボーダーを設定している。 内側から3番目のブロックに任意の幅を設定している。 条件群2 3重以上の入れ子ブロックになっており、最も内側のブロックが複数存在する。 一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。 内側から2番目のブロックに任意の上下マージンを設定している。 内側から2番目のブロックまたはそれより内側にある要素に背景を設定している。 内側から3番目のブロックに任意の幅を設定している。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: :hover
- :visited擬似クラスの宣言が詳細度を無視してカスケード処理される
-
- 同じ詳細度で擬似クラスへのスタイル宣言と通常のセレクタへのスタイル宣言が存在するとき、これらの出現順序を無視して:visited擬似クラスに指定したスタイル宣言が優先して適用される。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: :visited
- 行の高さを正しく算出しない
-
- 文字列が存在しない行の高さを算出するとき、line-heightプロパティの値やベースラインより下の部分（ディセンダ）の高さを無視する。しかし、li要素の最後の行ではディセンダの高さを無視しない。従って、行の高さの算出が統一されていないことになる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: line-height
- 擬似要素を含む要素に後続する要素の内容物が左右にはみ出る
-
- 任意のブロックレベル要素Eについて以下の条件すべてが当てはまるとき、 要素Eの前方に擬似要素を含むブロックレベル要素が複数ある。 要素Eの左（右）マージンの幅と、要素Eより前方で要素Eに最も近い、擬似要素を含まないブロックレベル要素の左（右）マージンの幅が等しい。 要素Eの内容物が要素Eの左（右）マージン領域にはみ出す。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: 擬似要素
- ルビ関連要素のdisplayプロパティを変更できない
-
- ルビ関連要素（ruby, rb, rp, rt要素など）にdisplayプロパティを指定してもデフォルトの状態から変えることができない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: display, ルビ
- サイズの大きいフロートの上に空白領域が発生する
-
- widthプロパティまたはheightプロパティを明示した、フロートではない要素 上の条件を満たす要素を子に持つ要素 上記のいずれかの条件を満たす要素の後方に高さが大きいフロートを置くと、フロートが本来置かれるべき位置より下にずれてしまうことがある。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: float
- 「#」だけをセレクタとして指定すると全称セレクタのように扱われる
-
- 一意セレクタの識別子「#」とブロック開始を示す括弧「{」を空白なしで続けて記述したブロックは、本来は無視されなければならないが、WinIEはブロック内のスタイル宣言を全ての要素に反映する。
- Category: Internet Explorer, Windows, ver.6
- Tag: セレクタ
- border-colorにtransparentを指定すると前景色で表示される
-
- ボーダーの色にtransparent値を指定しても透明にならず、その要素の前景色と同じ色のボーダーが表示されてしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: border, transparent
- 幅や高さを指定した要素内にあるフロートの下マージンが無視される
- 先行するフロートの上方に後続のフロートが置かれる
-
- CSS2では、フロートは自身より前にあるフロートより上に置かれてはならないと決められている。しかしWinIEでは、フロートを置ける領域がある場合に、自身より前にあるフロートより上に後続のフロートが置かれてしまうことがある。
- Category: Internet Explorer, Windows, ver.6
- Tag: float
- line-heightで算出した行高を超える部分が表示されない
-
- line-heightプロパティで小さい値を指定するなどしてテーブルセルの高さを低くしたとき、セルのボックスをはみ出す部分が表示されない。 line-heightプロパティに小さい値を指定することで行高を低くしているとき、行高の算出値の範囲を超える部分が表示されず、文字が欠けてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: line-height
- 見出し要素でfont-sizeを算出する際に親要素の値を参照しない
-
- 見出し要素（h1, h2, h3, h4, h5, h6）でfont-sizeプロパティが指定されていない場合、親要素のfont-sizeの値を一切参照しない。デフォルトスタイルシートで固定値が指定されている可能性がある。
- Category: Internet Explorer, Windows, ver.6
- Tag: font-size, hx
- head要素と子孫要素のdisplayプロパティを変更できない
-
- head要素とhead要素の子孫要素のdisplayプロパティがnoneから変更できない。
- Category: Internet Explorer, Windows, ver.6
- Tag: display, head
- 相対配置した要素へ向かうリンクのジャンプ先が移動前の位置になる
-
- リンク目標にした要素（id属性やname属性を設定した要素）を相対配置すると、その要素へ飛ばすリンクが相対配置要素をシフトさせる前の位置へ飛ばすリンクになってしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: position, relative
- vertical-alignが指定された要素を含む行が前後の行に重なる
-
- 親要素のline-heightプロパティで指定した高さの範囲から上か下にはみ出るvertical-alignプロパティを指定した子孫要素を含む行が前の行または次の行に重なって表示される。
- Category: Internet Explorer, Windows, ver.6
- Tag: vertical-align
- テキスト入力フォームの幅が文字入力時に変化する
-
- <input type="text">、<input type="password">およびtextarea要素が以下の条件を満たすとき、入力領域に何らかの文字を入力した時にその幅が広がる。 input, textarea要素のwidthプロパティを%単位の値で指定している。 （input要素のみ）line-heightプロパティにnormal, inherit以外の値を指定している。 input, textarea要素の祖先要素に左マージンや左パディングを指定したものがある（body要素を除く）。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: form
- 改ページ直後の行にtext-indentプロパティが効いてしまう
-
- 印刷時には改ページされた直後の行（各ページの先頭行）が、ボックス内の最初の行でない場合でもtext-indentプロパティの指定に従ってインデントされる。
- Category: Internet Explorer, Windows, ver.6
- Tag: text-indent
- 親要素を持つp要素のマージンが無視される
-
- （body要素より下位の）親要素を持つp要素の上下マージンが無視される。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: margin, p
- font-sizeの値とline-heightの値を近づけた絶対配置要素の内容物の上端が消える
-
- font-sizeプロパティの値とline-heightプロパティの値が等しい（または非常に近い）絶対配置要素の1行目の上端が表示されない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: absolute, font-size, line-height, position
- overflow:scroll;等が指定された要素の背景画像が閲覧領域に対して固定されない
-
- overflowプロパティにscrollやautoが指定された要素の背景画像を固定した（background-attachment: fixed;）とき、背景の基準位置が閲覧領域左上端ではなく当該要素の左上端になる（html, body要素を除く）。
- Category: Internet Explorer, Windows, ver.6
- Tag: background, overflow
- フロートの後続フロー制御を設定したbr要素が親要素に包含されない
-
- clear: left;（またはright/both）が指定され、同世代で後続しているものがないbr要素（br要素の直後に親要素の終了タグがある場合）が親要素のボックス内に包含されない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: br, float
- 長い半角英数字の文字列に合わせてボックスの幅が強制的に修正される
-
- overflow: visible; が指定された要素内にボックス幅をはみ出すほど長い半角英数文字列が含まれていると、ボックス幅がその文字列を含むサイズに修正されてしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: ボックス
- 擬似クラスにスタイル指定がないと擬似クラスの子孫要素への指定が効かない
-
- 擬似クラスの子孫要素に何らかのスタイルを指定するときは、擬似クラス自体にもスタイルを指定しなければ無視されてしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: 擬似クラス
- br要素があるときに縦方向マージンを少なく解釈する
-
- 親要素内で、包含している最後のブロックレベル要素の直後にbr要素を置くと、親要素の縦方向マージンが指定値よりも少なく解釈される。
- Category: Internet Explorer, Windows, ver.6
- Tag: br, margin
- line-heightの指定が置換要素を含む行に反映されない
-
- img要素など置換要素を含む行の前後では、行ボックスの高さがline-heightプロパティの指定値より小さくなる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: line-height
- 幅が指定されたリスト要素のマージンが正しく反映されない
-
- 幅（widthプロパティ）が明示されたul, ol, dlの各要素に設定した上・左・右のマージンが無視される。下マージンは、リスト要素の終了タグの直後に親要素の終了タグがある場合に親要素の下マージンとして表示されてしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: li, margin
- ブロック化したアンカーの範囲が内容物の部分のみになる
-
- 祖先要素でwidthプロパティやheightプロパティの値を具体的な値で明示したとき、ブロックボックス化したa要素でリンクとして機能する範囲が内容物のある部分のみになる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- ブロックボックス化した要素を含むリストアイテムの後ろに空行が入る
-
- リストアイテム要素の内容物の末端にブロックボックスを生成する設定（display:block;）にしたインライン要素を置くと、リストアイテム要素のボックスの直後に空行が発生する。。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: ボックス
- li要素やli要素の子孫要素の幅が指定されているとリストマークが下方にずれる
-
- li要素やli要素の子孫要素に幅（widthプロパティ）が指定されているとき、リストマークが各リストアイテムの最後の行の行頭に表示されてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: li, リストマーク
- 擬似要素にvertical-alignプロパティが効かない
-
- :first-letterなどの擬似要素に対してvertical-alignプロパティを指定しても反映されない。
- Category: Internet Explorer, Windows, ver.6
- Tag: vertical-align, 擬似要素
- 幅と高さが明示されていない要素へのoverflow:hidden;指定が完全に反映されない
- 外部スタイルシートを用いる文書を保存できない
-
- 以下の条件のいずれかに当てはまるとき「Web ページ、完全」形式での文書保存に失敗する。 外部スタイルシート内で@importを用いており、外部スタイルシートとインポートされるスタイルシートがHTML文書とは別のディレクトリに置かれている場合。 外部スタイルシートがHTML文書とは別のドメインに置かれている場合。 （WinIEのメニューで［ファイル］→［名前を付けて保存...］を選択し、「ファイルの種類」で「Web ページ、完全」を選択してHTML文書と関連ファイルをまとめて保存するときに発生する現象です）
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- line-heightが指定された相対配置要素の上ボーダー上端が消える
-
- 子孫に置換要素以外のインライン要素だけを含む相対配置のブロック要素にline-heightプロパティが指定されているとき（または、親要素から継承しているとき）に、上ボーダーの上端が消えてしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: border, line-height, relative
- 全体にline-heightが指定されたページの最上部が消える
-
- ページ全体にline-heightプロパティが%値で指定されているとき、ページ最上部にある要素の上端が見えなくなる。特に、ページ上端にある文字のサイズが大きい時に発生しやすい。
- Category: Internet Explorer, Windows, ver.6
- Tag: line-height
- fieldset要素直下のフォーム部品にform要素の左右マージンが適用される
-
- fieldset要素の子に当たるinput要素やtextarea要素に、form要素に設定された横方向マージンが適用されてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: fieldset, form, margin
- 擬似要素名称の直後に空白類文字を置かないと擬似要素が認識されない
-
- セレクタに :first-letter などの擬似要素を用いるとき、擬似要素名称の次（中括弧やカンマとの間）に空白類文字を置かないと擬似要素が認識されず、そのセレクタが無視されてしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: 擬似要素
- フロートに後続するボックスの幅がフロートに合わせて短縮される
-
- フロートに後続する要素に幅か高さが指定されているとき、その要素の幅はフロートの幅を確保するように短縮される。また、フロートと後続要素の間に無くすことができない隙間ができる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float, width, ボックス
- 幅や高さを指定した要素ではボックスサイズの算出時にフロートを除外しない
- ボックスサイズが内容物に合わせた大きさへ強制的に調整される
-
- overflow: visible; が指定されているとき（初期値）、ボックスをはみ出す内容物はボックス外に表示されると規定されているが、IEでは内容物に合わせてボックスが拡大される。
- Category: Internet Explorer, Windows, ver.6
- Tag: ボックス
- 幅や高さを指定した要素でdoubleボーダー領域に背景が描画されない
-
- widthプロパティやheightプロパティを指定した要素では、二重線ボーダー（border-style: double;）の外側の線と内側の線の間の空白部が当該要素の背景で塗りつぶされない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: border, height, width
- rightプロパティが親要素のボックスを基準にした配置を行わない
-
- ポジショニングした要素の子孫要素を絶対配置するとき、rightプロパティは指定した値どおりの配置をしない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: right, ボックス
- line-heightが指定された要素内でvertical-alignの%値指定が正しく反映されない
-
- line-heightプロパティが指定された要素の子孫にvertical-alignプロパティを%値で指定した要素が含まれていると、その要素を含む行の配置が乱れる。
- Category: Internet Explorer, Windows, ver.6
- Tag: %指定, line-height, vertical-align
- em単位で指定した値が文字サイズ変更後に正しく反映されない
-
- メニューの［表示→文字のサイズ］で文字サイズを変更すると、変更後にem単位で指定されたマージンなどが変更後の文字高さを正しく反映していない。
- Category: Internet Explorer, Windows, ver.6
- Tag: em, font-size
- 背景に関する指定がprintメディアに反映されない
-
- background-repeatプロパティにrepeat以外の値を指定すると、背景がまったく印刷されない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: print
- white-space:nowrap;を指定した要素の内部が表示されない
-
- あるウィンドウ幅のもとでは white-space:nowrap; を指定した要素内の一部または全体が表示されなくなる。ただし、この現象がおきるウィンドウ幅は要素の内容物の量によって異なる。
- Category: Internet Explorer, Windows, ver.6
- Tag: white-space
- インライン要素に指定したパディングやボーダーの上下が消える
-
- 高さが指定された要素内にあるインライン要素にパディングやボーダーが指定されているとき、パディングやボーダーの親要素をはみ出している部分が消えてしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: border, padding
- ポジショニングされた要素が後続要素のマージンを引き継ぐ
-
- 絶対配置された要素が、後続する別の要素のマージンを引き継いでしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: margin, position
- 子孫要素を持つrt要素が縦書き時に前後の行と重なる
-
- writing-modeプロパティ（IE独自拡張）を用いて縦書きにした要素内に子孫要素を持つrt要素があるとき、rt要素が前後の行と重なって表示されてしまう。縦書きにした要素にline-heightプロパティが指定されているときに発生する。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: ルビ, 縦書き
- left, topが指定された要素ではright, bottomを認識しない
- 親要素からはみ出した子孫要素の一部が消える
-
- 親要素でheightプロパティを使用し、さらに子孫要素の縦方向マージンに負の値を指定して親要素からはみ出させると親要素からはみ出した部分が消えてしまう。
- Category: Internet Explorer, Windows, ver.6
- Tag: 子孫要素, 親要素
- 親要素のtext-decorationの効果を子要素で解除できる
-
- a要素（リンク文字列）にデフォルトで設定されている下線を、子孫要素で text-decoration: none; を指定すると親要素のtext-decorationプロパティで設定した装飾を解除できる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: text-decoration
- マージンに負数が指定された要素でボーダーがずれてゆく
- アンカーを:hover状態にすると%値指定のマージンやパディングの量が変化する
- body要素に設定したボーダーが閲覧領域全体を囲むように表示される
-
- body要素にボーダーを設定すると、マージンや子孫要素などを無視し、閲覧領域を囲むようにボーダーが表示されてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: body, border
- text-alignプロパティの指定がボックスの配置に影響を与える
-
- text-alignプロパティはボックス内の配置を規定するものであるが、WinIEではボックス自体の配置も変更してしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: text-align, ボックス
- font-familyを指定した要素で文字化けする
-
- font-familyプロパティの指定値が［欧文フォントと総称ファミリ］または［総称ファミリのみ］である要素では、日本語などの2バイト文字が「□」や「・」に化けることがある。実体参照を用いて指定した文字だけで同様の文字化けを起きることもある。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: font-family, 文字化け
- 縦書き状態では欧文フォントファミリの指定が無視される
-
- writing-modeプロパティによって縦書き表示にした要素では、欧文フォントファミリの指定が無視される。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: font-family, 縦書き
- 同種要素をネストするとem単位指定の下パディングが無視される
-
- 文字列などの内容物が存在しないボックスで、内容領域やパディング領域の高さ算出が不正。 widthプロパティもheightプロパティも指定されておらず、かつ内容物が存在しない要素が生成するボックスが後続の要素を囲むように設置される。 親要素の開始タグと子要素の開始タグの間または子要素の終了タグと親要素の終了タグの間に文字列などの内容物が挟まれていないとき、親要素の上下パディングが常に0になる。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: em, padding
- 背景色が指定された要素内にフロートがあるときに要素内の文字が消える
-
- 背景色を指定したブロック要素内にフロート配置した要素があるとき、ブロック要素内の文字列が消える。
- Category: Internet Explorer, Windows, ver.6
- Tag: float
- 前景色にtransparentを指定すると#000000を指定したものとして扱われる
-
- colorプロパティにtransparentを指定するのはCSSとして不正なので無視されるべきなのだが、WinIEは#000000が指定されているかのように振舞う。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: transparent
- li要素の子孫にリスト要素があるとリストマークが上方にずれる
-
- li要素の子孫にdl要素リスト要素（ul, ol, dl）を置くと、li要素につくリストマークが上方にずれて表示される。また、この状態のli要素に上ボーダーを設定するとリストマークが消える。また、最初のli要素のリストマークも消える。
- Category: Internet Explorer, Windows, ver.6
- Tag: li, リストマーク
- fieldset要素に設定した一部のボーダーがlegend要素に重なって表示される
-
- fieldset要素にdashed（破線）かdotted（点線）のボーダーを設定すると、legend要素の内容物を表示している部分にボーダーが重なって表示されてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: fieldset, legend
- body要素の内容領域をはみ出す部分がレンダリングされない
-
- body要素の子孫要素でマージンを負数にしてbody要素のボックスからはみ出すようにした場合、標準モードではbody要素のボックスをはみ出す部分がレンダリングされない。
- Category: Internet Explorer, Windows, ver.6
- Tag: body
- setAttribute('class',*)でclass属性の属性値を変更できない
-
- setAttributeメソッド（setAttribute(name,value)）でclass属性の属性値を設定するとき、第1引数に'class'を指定しても属性値を設定できない。しかし、第1引数を'className'にすれば属性値の設定ができる。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: class, setAttribute
- フォントサイズの指定が表要素に継承されない
-
- 表要素を子孫に持つ要素でフォントサイズをキーワードや一部の単位（pxなど）で指定した場合、その指定は表要素に継承されない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: font-size
- letter-spacingを指定した要素内で連続したbr要素が無視される
-
- letter-spacingプロパティを指定した要素内では、br要素を2つ以上連続して置いても1つしか認識されない（br要素が1つおきにしか認識されない）。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: br, letter-spacing
- DOMインタフェースを用いて取得したsrc属性などの属性値が必ず絶対パスになる
-
- a要素やimg要素などのオブジェクトに対し、getAttributeメソッドでsrcやhref属性の属性値を取得すると記述内容にかかわらず絶対パスが返る。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: DOM, src
- フォーム部品集合がnodeName、childNodesプロパティを持っている
-
- form要素内のフォーム部品の配列である document.forms[n].elements が本来持っているはずのないnodeNameやchildNodesといったプロパティを持っている。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: childNodes, form, nodeName
- head要素のchildNodes.item(0)が必ずtitle要素になる
-
- DOMによりhead要素の childNodes.item(0) を参照すると、文書中での記述にかかわらずtitle要素になっている。また、title要素のtextプロパティに適切な値がある場合でもchildNodes.lengthプロパティを参照すると必ず0が返る。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: childNodes, head, title
- img要素にパディングが効かない
-
- img要素にパディングを設定しても反映されない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: img, padding
- ダイナミックプロパティがフォーム部品に対して正しく効かない
-
- フォーム部品要素にfont-sizeプロパティの値をダイナミックプロパティを用いて指定したとき、文字の大きさにはダイナミックプロパティの値が反映されるがフォーム部品のサイズは初期サイズのまま変わらない。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: form
- 左右ボーダーとパディングを設置した要素に後続する部分がずれる
-
- 最後の子要素が非匿名ブロックレベル要素である要素の四方にパディングを設置し、さらに左または右にボーダーを設置すると、その要素に後続する要素の内容物がボーダーを設置した方向にずれてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: border, padding
- 閲覧領域からはみ出す要素がない状態でもスクロールバーが表示されることがある
-
- ブラウザの閲覧領域からはみ出している要素がないにもかかわらず、スクロールバーが表示される場合がある。
- Category: Internet Explorer, Windows, ver.6
- Tag: スクロールバー
- :first-letter擬似要素が親要素のフォントサイズを継承しない場合がある
-
- :first-letter擬似要素に相対単位（pxを除く）を用いてフォントサイズを指定すると、親要素のフォントサイズを反映しない。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: :first-letter, font-size
- ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう
Home > Archives
Archives
Home > Archives
Categories
- Search
- オススメ書籍
-
実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~
望月 真琴 , 市瀬 裕哉 , 福島 英児
Web標準テキスト
福島 英児
