CSSの最近のブログ記事

MovableType3.3jaに移行するまでは、バージョンは忘れたが、やはりデフォルトのテンプレートを改良して３カラム化していた。でもデフォルトのテンプレートのCSSも3.3の様に複雑じゃ無かった。

3.3jaに移行して、ダイナミック化に伴いページレイアウトを変更してみようと、デフォルトのCSSを見てびっくり。総ての要素がCSSファイルに入っている。

キャプション実験

画像の下にキャプションを付けて、尚且つそのキャプションごとテキストを周り込ませる為のCSSを実験する。

CSSの参考にしたのはAllAboutの【キャプション付き画像を左右の端に寄せたい】という記事。MAMPを使用してのローカル環境では表示が上手くされていた。（感じ通信：MAMPなる物を入れてみた参照）でもこれがWindowsだったらどうだろうと思い実験の為にエントリー。

常用のブラウザは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は使用していなかったのだが、以前からあった現象なのだろうか？