常用のブラウザはSafariを使用しているもんだから、かなり長い間気付かなかったのだが、先日、WindowsのExplorerでこのブログを見てみた時に気付いた不具合と共に、もう一点発見したことがある。
それはリンク画像に対して枠線が表示されているのだ。実はSafariでは表示されない。いや、MacのExplorerでも表示されない。どちらもデフォルトで指定をしなければ枠線が表示されないようだ。でもWindowsのExplorerの場合、デフォルトでは枠線が表示されるみたい。たぶん、MacのFirefoxでも表示されたような。
そこで、CSSにimg {border-style:none;}を設定した。まだまだブラウザによって表示されたりされなかったりとか、違う所がありそうだ。
ここの所のExplorerでのみ起こる現象。つまりMovable Typeで最新のエントリーを上げると、その個別アーカイブだけがフォントが小さく表示されてしまう件。直接Movable Typeのエントリー画面から投稿しても同じだった。
これはCSSの問題なのか？今のところ原因がまったく判らない。吐き出したコードがおかしいと言うのなら他のブラウザーでも同じことが起こる筈だよな。
まあ、フォントが小さく表示される以外は不具合は無いのでしばらくはこれで行く。その内何か原因が思い浮かぶかもしれない。
昨日の不可解な現象、更に判らなくなった。どうやら新しいエントリーだけに起こる現象のようだ。つまり、エントリーを上げた時点では個別アーカイブのテキストがCSS指定より縮小されてしまう。
だから新しいエントリーを上げると、それまで縮小されていたエントリーはCSSの指定通りに表示される。なんじゃいなこれは？ブラウザはExplorerにのみ起こる現象。Mac版でもWindows版でも同じ。SafariやFirefoxでは起きない。
ひょっとしてectoで投稿すると起きる現象なのかと、このエントリーは久々にMovable Typeの入力画面から投稿してみる。
でも、随分長い間Explorerは使用していなかったのだが、以前からあった現象なのだろうか？
今日、何の気なしにWindowsのExplorerでこのブログを見てみた。あらま、MacのSafariでは意図した通りに表示されてるのに、Explorerでは表示が崩れている。
原因となる２つまでは判った。１つはアフリエイトから引っ張ってきた画像にテキストを回り込ませる為に指定したCSS。それを指定していると、Explorerでは３カラムの右側のカラムが左カラムの下に表示されてしまう。
２つ目は、これも画像配置のテキストの回り込み。画像にfloat: leftを指定しているのだが、回り込むテキストが画像の高さに満たない場合、次の画像も回り込んでしまう。
"ウェブ進化論 本当の大変化はこれから始まる" (梅田 望夫)
【ウェブ進化論】を読んだ。と言っても、今回はその書評じゃなくて、アマゾンのアフリエイトをectoから貼り付ける場合の実験。ectoに備わっている機能を使用すると、簡単にアマゾンの画像を検索し、貼り付ける事ができる。上記がその画像とキャプション。
ectoの入力画面上のツールから赤丸部分をクリックすると、下記のようなアマゾンの検索をできるウインドウが現れ、そこで選択したアマゾンへのリンクをテキストエリアに自動で挿入できる。
