オープンソースCMSGeeklogのテーマ無料配布と制作支援のサポートサイトです。


2010年3月21日(日) 12:29 JST

<重要>PtextbookシリーズのIE8対策方法

PtextbookシリーズのIE8対策方法のまとめです。

訂正のお知らせ(3月23日)
Geeklog1.5.1日本語パッケージ1.4及び
Geeklog1.5.1日本語パッケージ拡張版1.4の表記は
Geeklog1.5.2日本語パッケージ拡張版1.0
Geeklog1.5.2日本語パッケージ1.0
に変更させていただきますあしからずご了承ください。

またPtextbookシリーズ以外のGeeklog1.5.2日本語パッケージ1.0以前の
ProfessionalCSSベースのテーマでも
緊急回避策とfix_html.jsの変更で対応できます。
 

1)緊急回避策
header.thtmlの

<head profile="http://www.w3.org/2003/g/data-view">

</head>

の間に

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

を書き込んでください。

2)Ptextbookシリーズを使いcustom.cssとthtmlを書き換えてる場合。
お使いのテーマ/javascript/にある
fix_html.jsを以下のように書き換えて下さい。

function FixHTML( leftblocksID, centerblocksID, rightblocksID ) {
  var ua = navigator.userAgent.toLowerCase();
  var is_old_ie = (ua.indexOf("msie") != -1) && (ua.indexOf("msie 8") == -1) && (ua.indexOf("opera") == -1);

  var leftblocks = document.getElementById(leftblocksID);
  var centerblocks = document.getElementById(centerblocksID);
  var rightblocks = document.getElementById(rightblocksID);

 

  if ( document.body.getAttribute('class') || document.body.getAttribute('className') ) {
    var classValue = 'left-center-right';

    /* HTMLのid属性の値をチェックします。 */
    if ( leftblocks && centerblocks && !rightblocks ) classValue = 'left-center';
    if ( !leftblocks && centerblocks && rightblocks ) classValue = 'center-right';
    if ( !leftblocks && centerblocks && !rightblocks ) classValue = 'center';

    /* body要素のclass属性に「js_on」を設定します。 */
    classValue += ' js_on';

    /* HTMLの構造によってbody要素のclass属性に値を設定します。 */
    if ( is_old_ie ) {  /* IE7以前用 */
      document.body.setAttribute('className', classValue);
    } else {  /* Gecko, Opera, Safari, IE8他用 */
      document.body.setAttribute('class', classValue);
    }

    /* テーマに依存したプラグインテンプレート等の不具合を補正します(暫定的措置)。 */
    var br = document.createElement("br");
    centerblocks.appendChild(br);
  }
}

もしくはGeeklog1.5.2日本語パッケージ拡張版1.0  かGeeklog1.5.2日本語パッケージ1.0 の
ProfessionalCSS/javascript/にあるfix_html.jsをお使いのテーマ/javascript/に上書きしてください。

3)推奨方法(custom.cssだけを書き換えてる場合)
お使いのテーマの
テーマ/images/customのcustomフォルダー
テーマ/custom.css
(他、書き換えてるファイルもあればそれらも忘れず)
をバックアップしてください。

対応バージョンのPtextbookシリーズにそれらを上書きしてください。
対応バージョンのPtextbookは順次リリースしていきます。
分かりにくい場合はGLTMatrix掲示板でお気軽にご質問ください。

なお、「greengrass15」と「stargazer15」の対応バージョンは3月23日に
リリースします。

Geeklog1.5.2日本語パッケージ拡張版1.0 
Geeklog1.5.2日本語パッケージ1.0 
に同梱されているProfessionalCSSとWAIproCSSのテーマはすでに
IE8対応を確認しましたが、念のためご自身でご確認の上ご利用ください。

記事のオプション

トラックバック

このエントリのトラックバックURL: http://gltmatrix.com/trackback.php/ptextbookie8cont

この記事にはトラックバック・コメントがありません。
<重要>PtextbookシリーズのIE8対策方法 | 2 件のコメント | アカウント登録
コメントは投稿者の責任においてなされるものであり、サイト管理者は責任を負いません。
<重要>PtextbookシリーズのIE8対策方法
投稿者: ゲストユーザ on 2009年3月25日(水) 23:41 JST

みるくです。

WAIproCSSも確認いただき、ありがとうございました。
私も先ほどIEtester Ver0.3.2でIE8での表示を確認しました。

尚、IEtesterではIE8で文字サイズを拡大した場合等 確認できない事もあるので
WAIproCSSのREADMEやWikiに確認したブラウザとしてIE8はまだ追加しておりません。

[ # ]
<重要>PtextbookシリーズのIE8対策方法
投稿者: 穂高@ on 2009年7月14日(火) 06:32 JST

先ほどIE8にUPして気づき(遅)久々にお世話になりに伺いましたm(__)m

早速修正しました、いつもどうもありがとうございます(^-^)/

[ # ]