スタイルシートメモ

WBC自体をみるよりWBCの戦況に一喜一憂する母を見ている方が楽しいioriです。

どストレートな応援っぷりが微笑ましいです。

なにやらものすごく久しぶりに記事を書く気がしますが、

浮かんでくるのはこの時期花粉がニクイみたいな事ばかりなので、ここは一つ、コレもまた久しぶりなスタイルシートメモを書きとめておきたいと思います。

■テキストインデントで字下げ表現するときの話。

元々がブロック要素のタグは大丈夫なようですが、インライン要素のタグをテキストインデントで字下げしたいときは、

displayをblockにかえておくほうが良さそう。

サイトの横幅が決まっている場合ならともかく、可変するタイプだと、横幅が最小値になった時に字下げ出来ていなかった。とか、制作に夢中になっているとよくある事です…。

私が見た感じだと、safariブラウザあたりは、インライン要素だから字下げできないよーのパターンが多かったです。

何事も確認は大事なのでコレに限ったことじゃないですが、テキストインデントで字下げをした際には、各ブラウザで見た目を確認したほうがよさそうですね。

■ブラウザはブラウザでも別物

皆さんお使いのブラウザには、バージョンっていうのが存在してるかとおもいます。

IEなら8のバージョンが最新バージョン、FFなら3が最新のバージョン。

でもこのバージョン、8、とか、3とかって区切りがよくないんですよね。大抵3.002とか、8.01とか、なんか小数点以下にも数字が並んでたりします。

大体は8なら8.02でも8.12でも、レンダリングはそんなに変わらない…んですが、どうもoperaは小数点以下の数字によってもレンダリングがちょっと変わったりしてるようです。

私が確認したのは、operaの9.27と9.63。

それぞれ別のハックが必要でした。

小数点以下の数字でレンダリング変わるってのも私的に珍しいなと思ったので、備忘録兼ねてメモをぺたん。

サイトを作る際、「対応ブラウザ」でのぼってくるのは小数点前の数字だけなことが多いので、最新版でいいのかどうかなど、お客様への確認も要必要かもですね。