あしたに日記

■ ブラウザ互換性

samidare_plusいじり。
機能を完成させる前に、見栄えをいじり始めたら楽しくなってきてしまい、勢いで
tDiaryテーマ追従を一段落させました。サンプルはこちら。

div内に二つのspanがあって、一つのspanを左端に、もう一つを右端に寄せるのはどうするのでしょうか..。
かつて、いろいろやったあげく、右spanを
position:absolute;
right: 10px;
のように強制的に右寄せしました。これはブラウザ依存なくうまくいくのですが、こうすると、このdiv自体がフル幅を持たない場合にずれてしまいます。テーマを変えるたびに調整してください、というのは不親切だしなあ。

最初に思いつくのは、width指定をそれぞれに対して行うこと。結局今はこれにしてしまっていますが、どうもMozillaではうまくいきません。

あと、IEでは透過PNGの表示がうまくいかないですね。透明部が白になったり変な色に化けたりします。これも困っていますがgifに逃げるのもどうかと思うしなあ...。

自分で使うぶんにはOperaでちゃんと見えればよいのですが、
人に使ってもらうものは、IE/Mozilla/Operaぐらいでそこそこ見えないと厳しいですよねえ。