XHTML+CSS Archive

11/8にEricMayer氏のワークショップに参加してきました。
「効率よく最適化するためのCSS上流講座」というと講座名でした。基本的にはCSSレイアウトを作成する際に必要な開発環境、CSSの個別性やセレクタの優先度・その操作、floatプロパティとpositionプロパティについての理解と高度なレイアウトテクニックなどなど。。。。

基本的にはCSSレイアウトを普段からやっている人だったらある程度分かる講習内容でした。復習半分とアイディアの伝授半分と言った所でしょうか（私はそう感じたんですが…）

以下、講習中にGoogleDocsでとったメモ。若干寝不足で記憶が飛んでいる所もあると思いますが、その辺はご容赦を…。

Continue reading

CSSで中央揃えのレイアウトをマークアップするとき、私なんかは良くhtmlにbackgroundプロパティを指定し、背景画像をcenter topというポジションを指定する。
しかし、FirefoxやOperaなどでは問題ないが、IE6,7が1px右にズレて表示される。

素直にbodyに背景画像を指定すれば、ずれる事はまず無いが、bodyに他の背景画像を指定したり、無駄にdivタグを噛ませたりしなくては行けなかったりするので、出来るだけレイアウト目的でマークアップはしたくない事を考えるとhtmlに背景画像を指定しなくてはならない。でも1pxズレル:(

そんな時の対処法としては、ひとまずハックで応急処置。

Continue reading

ここ最近気がついたんですが、Safariのレンダリングってもしかしておかしいですか？
なんだか、画像の背景色を数値で指定しているのにCSSの背景色と馴染まなかったり、定義リストで表組作ってもよくズレるし……。FirefoxとOperaとIE7は問題ないんですけどね〜…。怪しいなんてモンじゃありません。CSS3を先進的にサポートしていてもレンダリングが怪しいんじゃIE６とおなじじゃんとか思います。なんかどれどのブラウザが正しいレンダリングなのかよく分からなくなってきました。。。IE6も色の再現ヘタクソですよね。これも最近気がついたんですが。Macみたいに微妙な色の再現が出来ないのは多分Windowsだからか？と思っていたんですが、どうやら半分くらいIE6が原因のようです。詳しくはまだ調べてませんのでよく分かりませんが。

これについてはもう少し検証が必要なようです。