mieki256's diary

IE6で見ると左のほうに「示」が表示されてたわけで。原因を探してCSSバグリスト情報を眺めてたのだけど。あまりにスゴイ数で疲れ果てました。(´A｀)

色々弄ってたら直った。何故直ったか判らないのだけど。＜オイ。

とりあえず弄ったところは…

• IE6 と Firefoxでは、font-size:small の結果が違っていて、それ故に「IE6では反映してない」と思い込んでたことに気づいたので…。一々、子の中で指定せず、div.hogehoge { } 等、親の中で指定するようにした。その際、_font-size:x-small といった感じで、アンダースコアハックを使って、IEだけは更に小さめのフォントサイズを指定。
• div に関して指定してた、float:left だの clear:both だのを削除。
• div に関して、width:100% を指定できるところはしてみた。

ぐらい。

下のような感じで、チマチマ指定。

select[name=YEAR] {
	width:4.25em;
}

select[name=MONTH] {
	width:4em;
}

select[name=DAY] {
	width:5.25em;
}

こういう書き方であってるのか判らんけど。

select の横にボタン(?)がついてるわけだけど。そのボタンの左側のあたりが、微妙に欠けるときがある。謎。

なんかブームらしいので（違。サイドバーに関して、気持ち角丸に。h3 の背景画像で、上の角丸を。div の背景画像で、下の角丸を。…まあ、丸くしたところで意味無いけど。

左側まで角丸にするためには、サイドバーの横幅をpxで固定にするか、div 等を更に入れてそれらの背景画像でどうにかするか。でも、そこまでするのはアレな感じもするので、やらない。

つーかせっかく四角でビシビシやってるのに、急に丸い形状を入れ始めるのもどうなんだという気もするけど。

下手に height を指定してたのがまずかった。テキストが数行になった際に、上下に被さってしまう。height指定は削除。

background-position を left bottom にしてたのもまずかった。0% 0% にした。

それと、cssがよく判ってなかったので、上下に余裕を持たせるのに padding でどうにかしようとしてたのもまずかった。margin でやるべきなのだな。

なんかグチャグチャに崩れてそうな予感。

IEだけは複数のバージョンを共存できないから、環境が一つしかないと旧バージョンのブラウザでの確認も難しく…。

MacIEでもどう見えるのか判らんし。Mac持ってないし。(´A｀)