備忘録

2018年10月31日

mixiチェック
久々の横浜方面への出張。
IMG_3335
足りるとは思っていたが、Suica残高が不安でチャージしておこうと思った。
 
さぁ、チャージ……
……「アップデートしてください」
はい、はい
アップデートですね。
いつもと違うなぁ。
「おサイフケータイサービス」からアップデートしろと。
了解。
◎ボタンから「ツール」-「おサイフケータイ」
「おサイフケータイサービス」から「モバイルSuica」を選択っと…
IMG_3333
「ページが見つかりませんでした。」
あれ?

とりあえず出張には Suica残高は間に合いそうだから…

(次の日)
さぁ、もう一度 入金しますか!
やっぱりアップデートしないと出来ない。

どうすればいいんだ?
まずは au に チャットする。
「再起動してください」 やったよ。
「キャッシュを消してください」 消した!
「それでも 出来ないようでしたら コールセンターに電話してください」 ( ̄0 ̄)

(au コールセンターへcall)
ワタシ:「Suicaがアップデート出来ないんだけど」
OP:「では、弊社のユーザーですか?」だから電話している!
ワタシ:「モバイルSuicaがアップデート出来ないのだけど。ページが見つからないって」
OP:「モバイルSuicaの問題ですね。モバイルSuicaに尋ねてください」
 
(モバイルSuicaコールセンターへcall)
ワタシ:「Suicaがアップデート出来ないんだけど」
(同じ手順を教えられる)
ワタシ:「それは全部やった。でもダメ」
OP:「では auコールセンターか auショップに行ってください。」
たらい回し始まる。
ワタシ:「auに聞いたら、モバイルSuicaさんだって言われて電話した」
でも auに聞いての一点張り。

(auショップに向かう)
しょうがないので、一番近い auショップへ向かう。
手順通りやる。
店員はワタシを立たせたまま。
一通りやるがダメ!
そのうち、「この端末をお借りしたい。技術に聞いてくる」言って消えた。
(十数分経ってわかったって)
「『au market サービス』」が動いてませんね。」
先月まで動いていたけど!
「au market サービス」触っていないよ。
 
結局、「au market」が動いていないとダメらしい。
動かしている必要ありとのこと。
知らないよ。

チャージは何とかできるようになった。





(16:22)

2010年10月02日

mixiチェック
備忘録である。
クライアントからの指摘で、作成中のHPで とあるJPEG画像が見れないとのこと。
FireFox、Chrome、Operaでは問題なく見れるのだが...
IEでは×印
Safariは見れることは見れるが...なぜか暗い。

「IEで見れない JPEG」でググったら
IEで見れないJPGファイルがある(21maラボ)
で同じ状況になったとの備忘録あり

そういえば、この画像 注釈を入れる指定があったので、ドローソフトで加工した際に、CMYKモードで加工してしまったようだ。
ペイント系ソフトで24bitRBGモードに直して、再検証。
今度は見れました。

しかし、IEはいつもめんどくさいなぁ

(14:17)

2010年08月31日

mixiチェック
今、作成中のサイトでthickboxを使っている。
jQueryは1.4.2
thickboxは3.1
一応、最新のものである

試作サイトで各ブラウザで確認したところ、IE6以外は問題なく表示される。
しかし、IE6だけはBOXは問題なく表示されるが、基のページのレイアウトが崩れる。

なぜだろう...

〜 現象と調査 〜
崩れ方を観察すると、全体のwidthが横幅いっぱいに広がる。
全体が太ってしまうのである。

「thickbox IE6 崩れる」でググってみる。
DOCTYPE宣言を変更するとか、IE6用のカスタマイズするとか...
どれもうまくいかない。

そこで原点に帰ってみる。
崩れ方は、「全体のwidthが横幅いっぱいに広がる。」
実は、スタイルシートでbodyタグの横幅とマージンを決めている。

html {
    width : 100%;
    height : 100%;
    margin : 0;
    padding : 0;
    border : 0;
    vertical-align: baseline;
    background: transparent;
}
body {
    width : 750px;
    margin : 0px auto;
    padding : 0 0;
    border : 1px solid silver;
}

通常の表示上は問題なし
thickboxを表示すると、太る。
ならば body {width:750px  !important;}で優先順位変えてしまえ
と乱暴な事をしたところ
太らなくしてしまえば...orz
太らない、thickboxもきちんと表示...でも背景のマスクが変な感じ
ということで、ここへ来てthickbox.jsのソースをみる

〜 原因判明 〜
なんと、IE6の処理として
  $("body","html").css({height: "100%", width: "100%"});
とある。
つまり、bodyの横幅いっぱいにされてしまっているのが原因。
IE6以外にはこの処理はない。

〜 解決 〜
ググっていた時、次のようなサイトがあった
IEでだけレイアウトが崩れる場合はpaddingを探す - Sakura scope
「paddingによる崩れを解決するために、div#insideを作る」とある。
しかし、paddinngについては気を付けていたのでこれが問題ではないと思っていた。

しかし、原因は明らかにbodyのサイズ指定。
試作サイトのHTMLソース、CSSソースをみると bodyの直下にdivを作っていた。(仮にこのdivのidを"foge"としよう)
しかもスタイル設定全くなし
そこで、bodyのスタイル設定をfogeに移す。

body {
    width : 100%;
    height : 100%;
    margin : 0;
    padding : 0;
    border : 0;
}
#foge {
    width : 750px;
    margin : 0px auto;
    padding : 0px 0px 0px 0px;
    border : 1px solid silver;
}

さぁ、まずはIE6で確認...OK
FireFoxで確認...OK
Operaで確認...OK
Safariで確認...OK
Chromeで確認...OK

もちろん、IE8でも確認...OK
解決である。

〜 あとがき 〜
まぁ、thickbox.jsのソースを読めば、当たり前の事である。
しかし、CSSで左右に帯を置きたい場合、ついbodyタグに設定してしまう。
今後はこのことは気を付けるべきであると思った。

思ったついでに、あすまるのホームページをIE6でみる...orz
気を付けていたつもりが、いきなり崩れている。
thickbox以前の問題?!
至急対処しなければ!


(11:09)