今日、何の気なしにWindowsのExplorerでこのブログを見てみた。あらま、MacのSafariでは意図した通りに表示されてるのに、Explorerでは表示が崩れている。
原因となる２つまでは判った。１つはアフリエイトから引っ張ってきた画像にテキストを回り込ませる為に指定したCSS。それを指定していると、Explorerでは３カラムの右側のカラムが左カラムの下に表示されてしまう。
２つ目は、これも画像配置のテキストの回り込み。画像にfloat: leftを指定しているのだが、回り込むテキストが画像の高さに満たない場合、次の画像も回り込んでしまう。
これらはMacのExplorerでも微妙に違いがあるようだが同じような現象が起きる。
１つ目の対処は、どのようなCSSを指定してやれば良いのか現時点で判らず、回り込みをさせないことにした。
２つ目は、画像の高さに満たなかったテキストの<p/>の前に<br clear="all" />を挿入して、回り込みを一端解除させてやると、意図した通りに次の画像も左端に配置されるようだ。でもこのコードだと、ectoの下書きがHTMLモードからリッチテキストモードに戻すとエラーが出るんだよな。
そして原因不明の現象がまだある。これもExplorerでの出来事。昨日アップロードしたエントリーの、しかも個別エントリーアーカイブだけがテキストの表示が小さくなるのだ。CSSのリンクも間違っていないし、第一テンプレートで指定してるわけだから、昨日のエントリーだけ狂うというのも解せない。念のために再構築をかけてみたが結果は同じ。まさに原因不明。
そんなわけで、このエントリーはどのようになるか実験のつもりで上げてみる。
コメントする