- 2004-02-10 (火)
- Movable Type
css layout の組み方によりますが、iandethのように div の background-color 属性を多様している場合に起きる不具合をご紹介。
【環境】Movable Type 2.661 + Windows IE6.0 で発現確認
MacOS X (10.3) の Safari では発現されない事も確認
【現象】divの背景色が正しく表示されない
【詳細】以下の画像にあるように、Indivisual Entry Archive で生成したページを開くと、
div / pre / blockquote などの背景色指定がうまく反映されていない状態で表示される。
（今回の場合、背景上半分にだけ色指定が効いていない状態）
いろいろ探ってみたところ、どうやら該当 Div 内の文字列以外の要素の重なり順
（z-index）が下層レベルに強制設定されている感じ。
【問題のあるテンプレート】Indivisual Entry Archive 【原因】同テンプレート 92行目付近の以下の記述部分
<$MTEntryTrackbackData$>
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
この記述が <HEAD></HEAD>タグの中に存在している事が原因のようです。ためしにこの記述部分を他のtemplateにならって <BODY></BODY>タグの中に移動させたところ、無事問題解消しました。Trackback用のRDF記述を出力する部分なのですが、これがなぜ画面表示系に影響をきたしているのかは不明。調べるのも億劫なので、解決したからヨシとする（/W）。
【解決方法】同記述部分を<BODY></BODY>タグ中に移動（コピー＆ペースト）させる
- Newer: CSSによる画面中央寄せレイアウト
- Older: CombatDiGiQ タイガーI型
Comments:1
- んでる 2004-05-06 (木) 02:17
-
MT CSSデザイン、とっても参考になりました。
思わずプリントアウトして蛍光ペンで線引きながら読みました。