HOME ≫ [71] [72] [73] [74] [75] [76] [77] [78] [79] [80] [81]
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
MacIEのテーブル幅
2006.09.15 ｜Category …ばろむわん
MacIEのCSSバグの１つに、テーブル幅異常というのがありまして。大体指定値の３倍ぐらいにびろーんと伸びる珍妙な現象なのですが。骨組外枠にテーブル使うと偶にこれに引っかかるようです。
CSSバグリスト拝見すると、display:block指定したbr要素が入ってると発生とあるが、他にも発生条件があるんかなーと気になっているのでした。brにスタイル指定することは稀だと思うけれど、共有テンプレ拝見していても何度か遭遇したので…。職人様のせっかくのデザインが…しくしく。
いつか原因調べたい…
CSSバグリスト拝見すると、display:block指定したbr要素が入ってると発生とあるが、他にも発生条件があるんかなーと気になっているのでした。brにスタイル指定することは稀だと思うけれど、共有テンプレ拝見していても何度か遭遇したので…。職人様のせっかくのデザインが…しくしく。
いつか原因調べたい…
ヴェネチア国際映画祭
2006.09.10 ｜Category …雑文
やってたようで。ちょと遅いがニュースサイト見て回ってたら気がついたので。
大友克洋監督の実写版「蟲師」とか、今敏監督の筒井康隆「パプリカ」アニメとか出品されてた模様。なんつーヲタ…ぃゃマニアックな。さすが金獅子と言うか。双方とも賞は逃したそうだけど、ちょと見てみたい（笑）
ところでVeneziaの日本語表記ってどれが一般的なんだろ…ベネチア・ヴェネチア・ベネツィア・ヴェネツィア…ベニス・ヴェニス…ATOKだとどれも普通に単語変換するな。ま、どれでもいいか。
大友克洋監督の実写版「蟲師」とか、今敏監督の筒井康隆「パプリカ」アニメとか出品されてた模様。なんつーヲタ…ぃゃマニアックな。さすが金獅子と言うか。双方とも賞は逃したそうだけど、ちょと見てみたい（笑）
ところでVeneziaの日本語表記ってどれが一般的なんだろ…ベネチア・ヴェネチア・ベネツィア・ヴェネツィア…ベニス・ヴェニス…ATOKだとどれも普通に単語変換するな。ま、どれでもいいか。
パズル遊び中。
2006.09.10 ｜Category …天麩羅揚げ
現在、記事幅可変２＆３カラムのHTML階層調整中。可読性悪いですが、デザイン後回しなので御容赦。
一週間でもう構造忘れてる鳥頭。ヽ(´ｰ`)ﾉ
テンプレで遊ぶ時に自分が基本とするのは
今回は着せ替えやすいようにdivブロックの階層を組み替えていて、階層構造によって解析やカウンタのJavaScript挙動がびみょーに変わる場合があるなーと気を取られ。MacIEはJS弱いから目立つだけですが。（一部動作しないとか読み込みに時間かかるだけならまだしも、JS職人さまのブログでリンク移動が出来なくなった日には泣けた。弱いにも程があるだろうorz。何のスクリプトが引っかかってるのかな…よく出回っているプラグイン（サイドバー）折りたたみ・ツリー表示・レインボーリンクとかは大体行けるんだけど）
HTML初心者用おまけメモ：W3Cのvalid取れたらAnother HTML-lint gatewayで遊ぼう。満点への道は果てしなく遠いけど（笑）細々とhtml作法を教えてもらえて楽しい。
一週間でもう構造忘れてる鳥頭。ヽ(´ｰ`)ﾉ
テンプレで遊ぶ時に自分が基本とするのは
- HTML：W3C HTML Validation Service （英語）
- CSS：W3C CSS 検証サービス
今回は着せ替えやすいようにdivブロックの階層を組み替えていて、階層構造によって解析やカウンタのJavaScript挙動がびみょーに変わる場合があるなーと気を取られ。MacIEはJS弱いから目立つだけですが。（一部動作しないとか読み込みに時間かかるだけならまだしも、JS職人さまのブログでリンク移動が出来なくなった日には泣けた。弱いにも程があるだろうorz。何のスクリプトが引っかかってるのかな…よく出回っているプラグイン（サイドバー）折りたたみ・ツリー表示・レインボーリンクとかは大体行けるんだけど）
HTML初心者用おまけメモ：W3Cのvalid取れたらAnother HTML-lint gatewayで遊ぼう。満点への道は果てしなく遠いけど（笑）細々とhtml作法を教えてもらえて楽しい。