いままでテーマなんかそんなに気合入れて見てなかったので恥ずかしいのだが、こんなことではいかんとちょっとやり直し。大分のとこ目処が見えてきた。
1.xpWikiのIE6表示崩れ
うちのxpWikiをIE6でdivレイアウトのテーマで表示させてたら次のような表示崩れが起こっていた。
- コメント統合しているのだが左側に表示しているLeftBlockがセンターブロックより下に表示される。
- レベル2の段落のリスト(list2)が横１文字につぶれて表示される。
FireFoxやIE7では問題なく表示されるのだからIE6特有の問題だろうなあ、と放っておいてtableレイアウトのテーマで誤魔化していたのだが、まあいつまでもそのままでも気持ち悪い。調べて見ると割と簡単に直った。
< コメント統合でのメニューずれ >
IE6ではfloat、marginを同時に設定していると倍のmarginが取られてしまう。その場合は、そのCSS要素に「display: inline」を追加してやる。具体的にどこかというと、xpWikiの使用しているスキン(うちの場合だとplain)のmain.cssの$class div.commentbodyに追加したら直った。
<list2の文字つぶれ>
xpWikiではlist2の親要素としてlist_noneがかぶさっている。そのwidthとheightが共に0pxだったので文字がつぶれていた。場所は上と同じmain.css。
2.pico関係
pico関係でも問題があったので調査。
- UTF-8にしたらtell a friendモジュールが化けた
- 印刷アイコンを指定したらFile not foundになる
- やはりLeftBlockが下にズレる問題発生。センターブロックを調査中。
<tell a friend>
tell a friendモジュールってEUC-JP設定だったのでUTF-8ファイル用意しようかと考えてたら、なんともうすでにUTF-8化は終わっていた。ただしディレクトリ名が「japaneseutf」になっていたのでこれを「ja_utf8」に変更する。ああうちはXCLなんで。
<印刷アイコン>
picoで「wrapsモードOFF+mod_rewriteモードON」(つまりコンテンツを静的htmlに見せかける)場合、印刷アイコンのリンクが「&page=print」となっておった。これを「?page=print」としてやればいい。具体的な場所は、テンプレートのpico_main_viewcontent.htmlの、
- <div class=”pico_print_icon”><a href=”<{$mod_url}>/<{$content.link}><{if $mod_config.use_wraps_mode}>?<{else}>&<{/if}>page=print”><img src=”<{$mod_imageurl}>/icon_print.gif” border=”0″ alt=”<{$smarty.const._MD_PICO_LINK_PRINTERFRIENDLY}>” /></a></div>
を
+ <div class=”pico_print_icon”><a href=”<{$mod_url}>/<{$content.link}><{if $mod_config.use_rewrite}>?<{else}>&<{/if}>page=print”><img src=”<{$mod_imageurl}>/icon_print.gif” border=”0″ alt=”<{$smarty.const._MD_PICO_LINK_PRINTERFRIENDLY}>” /></a></div>
に直せばOK。wrapモードONの時もなんかありそうなんだけど、うちの設定では関係ないんで各自よろしく。
