HOME ≫ Entry no.145 「WinIE互換モードの怪」 ≫ [150] [149] [148] [147] [146] [145] [144] [143] [142] [141] [140]
WinIE互換モードの怪
2006.09.16 ｜Category …ばろむわん
DOCTYPE宣言も自由に選択出来る忍者ブログですが、自分が今現在選択しているのはこれ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
DOCTYPEスイッチ付のブラウザなら標準モードで行ける。手頃に大らかなDTD。MacIEはWinIEよりも標準準拠向けのCSS解釈をする。等々理由はつけられるが、ここお借りしてからHTML＆CSSの勉強始めて、最初がこれだったのでそのままと言うのが本当の所。ヽ(´ｰ`)ﾉ
XHTMLに切り替えないのは、忍者さんの基本仕様が完全にはXHTML向けではないのであまり意義を感じないのと、WinIE6がxml宣言バグで互換モードになるのが面倒だなーと。
と…思っていたのだが。
標準モードでテンプレ作っていると、DOCTYPEスイッチの無いWinIE5.xとかでは崩れてる可能性は高いわけで。
前置きが長くなったが、要するに現在使用中の記事幅可変２カラムをWinIE互換モードで確認すべく、xml宣言付XHTMLにしてみたところ。
レイアウトはぱっと見崩れてない。んが。プラグインカレンダーとコメントフォームを開くと、なんじゃこりゃ状態。
WinIEの互換モードでは、bodyとかでのスタイル指定がtableに継承されない（久々にWinIEのデフォサイズフォント見たが、でかい〜）。これはよく聞く話なので各テーブルに指定して済んだが…
小一時間悩んだのは。テーブルの幅が確実に変。謎の原因は（多分）trのpadding。何か直上ブロック辺りからpadding数値を拾ってる？？原因探ってる間にワケ判らなくなったが、直上ブロックにpaddng指定してると起こるのかな？
結論としては、直上ブロックに幅明示（width:100%）しただけで正常復帰。これで解決できるWinIEバグって結構あるような。（※但しこの状態のまま標準モードに戻すと逆に崩れる。WinIE以外のモダンブラウザは標準モードなので、つまりは使えない手（笑））
謎だ。謎過ぎる。WinIEの互換モード。（今更）
※気が済んだのでHTML4.01に戻してあります。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
DOCTYPEスイッチ付のブラウザなら標準モードで行ける。手頃に大らかなDTD。MacIEはWinIEよりも標準準拠向けのCSS解釈をする。等々理由はつけられるが、ここお借りしてからHTML＆CSSの勉強始めて、最初がこれだったのでそのままと言うのが本当の所。ヽ(´ｰ`)ﾉ
XHTMLに切り替えないのは、忍者さんの基本仕様が完全にはXHTML向けではないのであまり意義を感じないのと、WinIE6がxml宣言バグで互換モードになるのが面倒だなーと。
と…思っていたのだが。
標準モードでテンプレ作っていると、DOCTYPEスイッチの無いWinIE5.xとかでは崩れてる可能性は高いわけで。
前置きが長くなったが、要するに現在使用中の記事幅可変２カラムをWinIE互換モードで確認すべく、xml宣言付XHTMLにしてみたところ。
レイアウトはぱっと見崩れてない。んが。プラグインカレンダーとコメントフォームを開くと、なんじゃこりゃ状態。
WinIEの互換モードでは、bodyとかでのスタイル指定がtableに継承されない（久々にWinIEのデフォサイズフォント見たが、でかい〜）。これはよく聞く話なので各テーブルに指定して済んだが…
小一時間悩んだのは。テーブルの幅が確実に変。謎の原因は（多分）trのpadding。何か直上ブロック辺りからpadding数値を拾ってる？？原因探ってる間にワケ判らなくなったが、直上ブロックにpaddng指定してると起こるのかな？
結論としては、直上ブロックに幅明示（width:100%）しただけで正常復帰。これで解決できるWinIEバグって結構あるような。（※但しこの状態のまま標準モードに戻すと逆に崩れる。WinIE以外のモダンブラウザは標準モードなので、つまりは使えない手（笑））
謎だ。謎過ぎる。WinIEの互換モード。（今更）
※気が済んだのでHTML4.01に戻してあります。
PR
●Thanks Comments
ゴージャス
＆ミステリアス？SFっぽい感じもする〜
昨日に比べて何となく文字が大きくなった印象を受けるんですが
気のせいですよね(^^;
今コメント欄のカーソルを見失ってしまって焦りました(^^;;;
Re:ゴージャス
こんばんは〜。
背景、月見テーマにしようと思って中途半端なままだったり…(;^^
文字サイズは変えてませんが、コメント欄が読みにくいでしょうか。修正考えます〜。
背景、月見テーマにしようと思って中途半端なままだったり…(;^^
文字サイズは変えてませんが、コメント欄が読みにくいでしょうか。修正考えます〜。
こんばんはv
うん、シンプルなのに神秘的でかっこいい！
WinIEは互換じゃなくても謎ですー(笑
同じIEのくせにMacIEとWinIEの相性の悪さが厄介(＾＾；
そして何よりσ(^ー゜)との相性が‥orz
Re:こんばんはv
こんばんは〜。おかえりなさい(^^)ﾉ
シェア率一番高いブラウザが、クロスブラウザCSSで一番難敵で厄介ですね〜。
細かくデザインするほど何かに引っかかる確率が上がるし…バグリスト捜しても、多すぎてどれに該当するのか見当つきにくいですね。marginが消えるだのpaddingが効かないだのvertical-alignがずれるだのline-heightが変だの…(^^;
WinIEにこそ火狐の機能拡張にあるようなCSS編集ツールが欲しいと思ってしまうです(^^;
シェア率一番高いブラウザが、クロスブラウザCSSで一番難敵で厄介ですね〜。
細かくデザインするほど何かに引っかかる確率が上がるし…バグリスト捜しても、多すぎてどれに該当するのか見当つきにくいですね。marginが消えるだのpaddingが効かないだのvertical-alignがずれるだのline-heightが変だの…(^^;
WinIEにこそ火狐の機能拡張にあるようなCSS編集ツールが欲しいと思ってしまうです(^^;