トラブルシュート Archive

CASTAGEのHPをIEでチラ見したら会社概要のページが崩れてました。

Dreamweaverのプレビューだと問題ないのでやっかいなんですよね。

align=”left”をfloat:leftにしたら直りました。

<img alt=”" src=”images/map.gif” style=”margin-left:47px; margin-right:20px; ” align=”left” />

↓↓↓

<img alt=”" src=”images/map.gif” style=”margin-left:47px; margin-right:20px; float:left” />

Web制作の動作確認は基本的にFirefoxで行っているのですが、余裕こいて最終的にIEでテストをすると痛い目に遭う。

今回はFirefoxでは正常に見えたテーブル内の画像達ですが、IEだとスキマスイッチ。

こちらはFirefoxでCASTAGEのトップページを開いた時の画像。

こちらはIEで開いた時の画像。

何のことはない、CSSでimgの属性にvertical-align:top;をインしてあげればよい。

CASTAGEで使用しているCSSのimgはこちら

原因は画像もインラインなのでそのままで使うとbaselineが適用されているので下がちょっと空いてしまうからだそうです。

突然選択できなくなってふためいていたのですがルート権限のないレンタルサーバーを使っているため回避できなそうです。

サーバーの設定をこねくりまわせる方はこちらを参考にどうぞ。

肝はphp-gd5のようですが、今は何もできないのでしばらく様子見。

この前のブログで書いたアカウントハックですが、被害者が多いみたいなので簡単な対策方法達。

・パスワード変更

・「不在時の自動返信」の設定をOFF

・アドレス帳を削除

・アカウントを削除（最強）

アカウントが単純にハックされただけならよいですが、ソフトでFrom部分を書き換えることができるのでアカウントが流出してたらきびしいですね。

ホットメールのアカウントがハックされました。

おかげさまで連絡帳にあった皆様に英文のメールが行き届きました。

大変ご迷惑おかけしました。

文面は「iPhoneの3GSが激安でんがな」的なものでした。

———————————こんな感じ———————————-

oh my god :

I bought one white apple iphone 3gs from this website www. excsur. com ,to my surprise! it’s genuine. much cheaper.You can check it! Hope all is going well for you.

Regards !

———————————————————————————-

日本人の方は基本的にスルーしたみたいですが、異国の友達の中には鵜呑みにした人も多く謝罪中です。

会社と自宅のPCのみWindowsLiveを使用してるので共用のシステム（ネットカフェなど）からのキーロギングにより流出の線は薄く、どうやらmessengerからいってしまったようです。

なぜこげんなことが起きたかというと、hotmailの自動返信欄を巧みな技で使った模様。

予想ですがこんな感じかな。

1．hotmailのアカウント（私のアカウント）をあんなことやこんなことでハッキング

2．自動返信欄に上記営業メールを書き込みング

3．ハックした宛（私のメアド）にスパムを送りング

4．自動的に連絡帳に乗ってる方々に迷惑ing

私のhotmailアドレスとメールのやりとりをしたことがあり、かつ現在までやりとりしたアドレスを使用されている方にのみ送信されている状況のようです。

重ね重ねお詫び申し上げます。

メール自体にウイルスは仕組まれていなかったのですが、メールの文章内のアドレスをクリックされた方は遷移先のサイトにウイルスやスパイウェアが仕組まれている可能性があるため、念のためウイルスチェックをされることをお薦めします。

■同じような症状がある方への対策方法

1．ハックされたアカウントのパスワード変更

2．自動返信機能をOFF

3．PCリカバリ

基本1番のみでいける説濃厚です。

ご覧の通り余白が取り除けなくて困ってます。

wp.vicunaのテンプレートをカスタマイズしてます。

今まで使っていたテンプレートはAll in One　SEO Packで入力したタイトル部を引き継いでくれたのですが、vicunaはだめらしい。

All in One　SEO Packで設定した「ホームページ製作・グラフィックデザインならCASTAGE：キャストエイジ｜ブログ」にしたかったので、直接index.phpの二行目に直接書き込んでUPしたら化けらった。

一般設定のタイトル部を替えてしまえば良かったのですが悔しかったのでphp printをつかったり、php.iniをUTF-8的にしたり、URLエンコードしてみたり、function.phpのmb_substrをこねくったりしたけど全てだめ（所要時間4時間半）

phpの編集はDreamweaver CS3を使っていたんですが、なんだかとっても嫌なオカンがしたので彦麻呂（秀丸）でファイルを開いてみたらファイルのエンコードが「Shift-JIS」に。

UTF-8にして保存したら直りました（所要時間2分）

パソコンがどうしても立ち上がらなくて分解して全てのハードウェアを確認したけどコンセント抜けてたあの夏の日の夕暮れを思い出した。

SEO対策によいからと、以前までパーマリンクに.htmlをつけていました。

設定はこんな感じ。

/%category%/%post_id%.html

しかし上記の設定でSEO効果が得られる根拠はないと言うことと、トラブルが多いようです。

ここのブログもサーバーを引っ越した後パーマリンク構造を引き継がなかったため検索エンジンから飛んでくる場合表示されないページが多発しています（涙

検索ワードとしてFlash系やWordPressのカスタマイズ系があがってきていたので安心していたのですが、クリックしてみると

<?php

/**

* Front to the WordPress application. This file doesn’t do anything, but loads

* wp/wp-blog-header.php which does and tells WordPress to load the theme.

*

* @package WordPress

*/

/**

* Tells WordPress to load the WordPress theme and output it.

*

* @var bool

*/

define(‘WP_USE_THEMES’, true);

/** Loads the WordPress Environment and Template */

require(‘./wp/wp-blog-header.php’);

?>

こんな感じです。

PHPファイルをごり押しでhtmlとして読み込ませようとしているのが原因らしく、htaccessに

AddType application/x-httpd-php .php .html

を入れると対応できるようになるような文献もありましたがGMOサーバー（SD）では無茶五郎でした。

待受やFlashで検索してくれてる方が多いのですが残念です。

今後はプラグインのNice Trailingslashit（最初Slash ItがShitに見えた）＋パーマリンク設定（/%postname%/）で行きたいと思います。

ちなみにパーマリンク設定は最後にスラッシュ（”/”）を入れなきゃいけないとかいけなくないとか。

下記文献をお探しの方は現在のページをご紹介差し上げます。

WordPressのヘッダー部にロゴ挿入

古→http://www.castage.net/blog/headermod.html

新→http://castage.net/blog/change_header/

Flash Lite 1.1でランダムで画像が変わる待ち受け

古→http://www.castage.net/blog/idol_screen.html

新→http://castage.net/blog/idle_screen/

携帯Flash待ち受け用のアナログ時計を作ろう

古→http://www.castage.net/blog/how_to_create_analog_watch.html

新→http://castage.net/blog/how_to_create_analog_watch/

基本はFireFoxを使っているので気がつかなかったが、前回UPしたCSSにIEでは無効なものがありました。

下記詳細と対処方法を載せておきます。

■使えなかったスタイルシート

ブラウザ幅の最小値と最大値を設定するもので

・min-width

・max-width

の2点。

■回避方法

IE5から使用できる｢expression｣（IE独自のDynamic Propertyでスタイルシート内からJavaScriptを実行できるという素敵なものです。）をCSSファイル内に記述する。

■記述例

幅を700pxから1260pxに制限したい場合

前回のチュートリアルはテーブル画像に限界があるので横幅のMAX値を500pxでして満足して他のですが、IEで見たらあわわわわでした。

ipod touchの音量調節が全然効かなくなった。

横にあるボタンは機能するのだが画面上の指でスライドが効かない。

MAXの状態でなったので忘れて西野カナを聞くと耳があわわわわ。

ホームボタンをダブルクリックで直るという文献を見たので試したらちゃんと直りました。

頼むぞスティーブ。