人気ブログランキング | 話題のタグを見る
AX
【CSS】bottom:0を指定しているのにできる隙間
前回に続いてまたしても隙間の話。
で、またよりよってIEの話。今回はIE6でもIE8でも事象が再現することを確認。
IEの不具合には困ったもんだ。

スタイルシートの bottom の設定をしたときの話。
詳細は書かないが、 bottom とは領域内の「下からの位置」を指定するための属性。

今回は bottom:0 を指定した時の話なので、一番下に隙間なく表示されることはず。
っていうことなんだけど、あのバグの宝庫であるIEではうまく動かず。
でも、今回のケースはかなりのレアケースだと思います。

■ コード
<div style="position:relative;width:200px;height:200px;border:1px solid black;background:#ccf;">
表示領域
<div style="position:absolute;width:80px;height:39px;bottom:0;border:1px solid black;background:#cfc;">
下に表示
</div>
</div>

■ 表示
表示領域
下に表示


■ IEの表示を再現
表示領域
下に表示




たしか上記コードでIEだと隙間ができたはずです。(家はMacなので確認できない。。。)
で、解決方法は下に表示したい要素の高さ、要するに height の下一桁を9にしないこと。
今回ならば 38pxでもいいし、40px でも指定しておけばOK。
ただ、39pxはだめだし、49pxもだめ。理由は謎。マイクロソフトにでも聞いてください(==;

このバグにも散々悩まされました。だって、指定する高さでバグが発生するなんて思わないでしょ!?
あまりにも特殊なケースだったからググってもこの事象で困っている人すらいなかったわ。
# by manodeldio | 2012-03-23 06:29 | プログラミング
【CSS】floatを指定した時にできる隙間
InternetExplorer(以下IE)で発生する不具合の話。
DIVタグやTABLEタグなどのブロック要素を横に並べて表示したい時に使える
スタイルシート(以下CSS)のfloat。

例えば、テーブル(表)を二つ並べたい時。
普通にTABLEタグを書くとTABLEタグはブロック要素なので
表示されるテーブルの前後に改行が発生する。

■ コード
<table border="1">
<tr><td>一個目のテーブル</td></tr>
</table>
<table border="1">
<tr><td>二個目のテーブル</td></tr>
</table>


■ 表示結果
一個目のテーブル二個目のテーブル

そこで、CSSでfloatを指定する。するとこうなる。

■ コード
<table border="1" style="float:left;">
<tr><td>一個目のテーブル</td></tr>
</table>
<table border="1" style="float:left;">
<tr><td>二個目のテーブル</td></tr>
</table>


■ 表示結果
一個目のテーブル
二個目のテーブル


というわけでめでたくブロック要素であるTABLEタグを横並びに表示することができたのだが、
IEでこれと同じことをしようとすると少しおかしなことになる。
というか、IE6で起こった話なのでIE6だけかも。

IE6でブロック要素にfloatを指定した場合、
floatを指定していない要素の間に謎の隙間が生まれる


つまり以下のようになる

■ コード
<table border="1" style="float:left;">
<tr><td>一個目のテーブル</td></tr>
</table>
<table border="1">
<tr><td>二個目のテーブル</td></tr>
</table>


■ IE6の場合の表示結果
(Safariで見た場合に見た目を再現させる書き方で表示しています。(つまり上記コードではないです))
一個目のテーブル二個目のテーブル

■ Safariの場合の表示結果
(上記コードそのまま)
一個目のテーブル二個目のテーブル

ということで、IE6でもSafariでも同じように表示されるように一番最初に書いた書き方が必要なことがわかった。
つまり、隙間を発生させたくなければとなり合うブロック要素全てにfloatを指定する必要があるということ。

仕事で使って、marginやpaddingを0にしても隙間が消えないからどうしたものかと悩んでしまった。
IEのバグにはいつも悩まされます。。。(==;
# by manodeldio | 2012-02-23 00:29
【謹賀新年】今年もよろしくお願いします
今年は喪中ですよ。
こういう時は「あけましておめでとう」しちゃいけないのかな?
初詣とかもしない?どこまでやっちゃいいけない、そしていつから解禁されるんだろう。。。(^^;

昨年は本当にいろいろありましたね。
東北地震はもちろんですが、もう世界中が色んな意味でぐらぐらしてますね。
今年はもっと良い年になることを願います( ̄人 ̄)

昨年はiPhoneの買い替えを行ったこともあってブログの更新回数が増えました。
アクセス数も一昨年までの累計の倍以上!2005〜2011年の7年分のアクセスを
たったの一年で軽々超えましたよ!iPhoneに対する世の中の関心の高さが伺えますね。

今年も不定期更新のつまらないブログですが、続けさせていただきます。
今年もよろしくお願い致しますm(__)m

【ブログ更新履歴】
2012年:?
2011年 :40件
2010年 : 15件
2009年 : 23件
2008年 : 21件
2007年 : 0件
2006年 : 13件
2005年 : 205件

【ブログアクセス累計】
2012年:?
2011年:32,282
2010年:13,274
# by manodeldio | 2012-01-01 01:48 | 雑記
【Wii】ゼルダの伝説 スカイウォードソード クリアしました
2011/11/23に発売されたゼルダの伝説スカイウォードソード。
昨日 ついにクリアしました。
トータルプレイ時間は約40時間。
それなりにサブの要素も遊び尽くしたのでメインだけを進めていけば、30時間もあればクリアできると思う。
自分的にはラスボスが微妙な感じで最後の最後に肩すかしを食らってしまった感じだったが、
ゲームシステムとシナリオはさすがに任天堂。安心のクォリティでした。

今回のゼル伝は 25周年記念ということで、今購入すると約45分のオーケストラCDが特典として付いてくる。
ほかにも25周年ということで任天堂のホームページでもいろいろ盛り上げようと
プレイヤーの投稿動画などが掲載されていたりして面白い。

25周年を記念してか、今回の物語は「ゼルダの伝説」が始まる物語となっている。
ゼル伝のファンならニヤリとしてしまうような演出がところどころに見られる。
「普通の女の子」のゼルダを見られるのもこの作品だけかもしれない。
この普通に女の子しているゼルダが可愛いので是非ゼル伝をやったことのない人でもやってみてください。

今回のゼル伝の良いとこ悪いとこ。

■ 良いとこ・好きなとこ
モーションプラス(コントローラ)に対応したことでゼル伝の主人公であるリンクとの一体感が良いです。
細かい動きまでリンクと一致していて操作していて気持ちよかったです。
相変わらず個性豊かな住民がたくさんいて 楽しいです。今回の私のお気に入りキャラは
竹斬り島のジャクソンとルーレッ島のドド。個性強過ぎです(≧▽≦)
バドとかもジャイアン的で実はすっげぇ良い奴だし、いいキャラ多かったなぁ。
音楽が良い。メインテーマは逆再生をすると「あの曲」になったり、作り込みが凄いです。
ラスダンもどこか昔のゼル伝を彷彿させるものもあり、ワクワク感が良いです。


■悪いとこ・嫌いなとこ
リモコンの調整が必要になることが多かった。理由は大体想像付く。
リモコンになっているコントローラのバッテリーとの兼ね合いだったり、
センサーバーを使わずに座標を検知する仕組みを取ったためだったり。
でも、正直ちと面倒だった。
楽器の演奏がつまらなかった。オカリナの時は演奏の自由度がかなり高く
意味なく吹き捲くった人も多いだろう。今回の楽器はハープなのだが演奏の自由度は低い。
ハープを楽器としているせいでメロディを演奏せずコーラス部を演奏するような形になっており
一つ一つの曲の印象が薄いことも残念な点である。
あと、気になったのがセリフにルビが振っていなかったこと。どこかの設定で変わるのだろうか?
小さい子供が遊ぶことを考えると少し難しい言葉があったのではないか?
任天堂らしくない印象を受けました。


とにかくファンにはおすすめできる作品です。
コントローラ同梱の限定版もありますが、あまりの人気にプレミア価格が付いています(^^;
通常版でも今なら特典CDがついてくるのでこちらをおすすめします。


# by manodeldio | 2011-12-13 00:55 | ゲーム
【Apple】AppleIDが無効化されました
 
「この Apple ID はセキュリティ上の理由で無効になっています」

昨日、会社帰りにiPhoneをいじっていたらこんな警告がポップアップしてきた。
うん、まぁ、見てすぐわかるよね。どうも自分のアカウントがクラッキングされたようだ。(´Д` )
結果としてアカウントが無効化されているので、クラッキングは失敗に終わったみたいですが、
なんつーか。こえぇーーΣ(゚д゚lll)

しょうがないのでアカウントを有効化する作業に入りました。
やり方は簡単で、先ほど表示されたポップアップから【リセット】を選択すると
リセット用のページに飛ばされる。なので、インターネット接続必須である。
(パスワード認証しようとしている時点でネットは必要なんですけどね)

んで、そのWebページにメールでリセットするか、
アカウント登録時に作成した秘密の質問でリセットするか選択します。
わたしの場合はメールでリセットしました。
メールでリセットすると登録したメールアドレスにパスワードリセット用のURLが送信されます。
リンクの有効期限は三時間。
そのリンク先に行くと新しいパスワードを入力でき、それを登録して有効化完了。

注意点としてはパスワード変更を行ったので既存のアプリでパスワードを保存しているようなものがあればそちらのパスワードも修正する必要があります。
例えば、iTunesだとログイン情報を保存しているので、ログインしなおさないと曲やアプリが買えないと言う事態に陥るばかりではなく再びアカウントが無効化される、と言うことになりかねません。
iTunesの場合は画面右上にAppleIDが表示されているのでそこをクリックして一旦ログアウトしましょう。そのあと再ログインすれば大丈夫です。

それにしてもこんなことあるんですね。
ニュースでもアカウントが不正利用されたってニュースもあるし、パスワードはちゃんとしたものをつけておきたいですね。
パスワードは認証に何回か失敗するだけで無効化されてしまうようだからイタズラで無効化させることができてしまうがセキュリティを考えると止むを得ないのか。。。(´・ω・`)
まぁ、そのおかげか被害はまったくなかったんですけどね。。。

あとでググってみると、怪しいアプリは落とさない方がいいとのこと。
不正利用されたアカウントで購入されているアプリが中国製のアプリが多いらしい。
中国製のアプリは気をつけた方がいいかもしれません。

ちなみに、クレジットカードを登録されている方はこういう問題が起こるとかなり不安が
あるかと思いますが、調べたところによると過去に認証を取ったことのない端末から
クレジットカードを利用しようとした場合は、セキュリティコードを入力するように促されるようです。
絶対大丈夫とは言いませんが、そう簡単には不正利用されなさそうです。
逆にiTunesカードでポイントを充填して利用している方はポイントを使われてしまった
という情報が多かったです。

さらに余談で、私の場合はアカウントが無効化されたので不正利用されずに済みました。
パスワードは半角英数字、大文字小文字を組み合わせた9桁です。
ランダムな文字列の羅列なので本人も覚えるのに一苦労してます。

今回の件があったので新しいパスワードの更新を余儀なくされました。
ということでさらに長い文字列でさらに複雑なパスワードに変更。

最近はパソコンのスペックが上がってパスワード解析が簡単に早くできるようになったからね。
昔は8桁以上のパスワードがいいとか言ってましたけど、今は8桁のパスワードは数分で
総当たりできてしまうそうです。(GPUを使った処理でかなり高速になった)
みなさんも気をつけてください(==;


# by manodeldio | 2011-11-22 23:25 | Apple(Macintosh)