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の
と
の間に
を書き込んでください。
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対応を確認しましたが、念のためご自身でご確認の上ご利用ください。
この記事にはトラックバック・コメントがありません。
サイト管理者はコメントに関する責任を負いません。
みるくです。
WAIproCSSも確認いただき、ありがとうございました。
私も先ほどIEtester Ver0.3.2でIE8での表示を確認しました。
尚、IEtesterではIE8で文字サイズを拡大した場合等 確認できない事もあるので
WAIproCSSのREADMEやWikiに確認したブラウザとしてIE8はまだ追加しておりません。
先ほどIE8にUPして気づき(遅)久々にお世話になりに伺いましたm(__)m
早速修正しました、いつもどうもありがとうございます(^-^)/