CSSで背景画像を中央揃えしたらIEで1pxずれる件

自宅がMacなので気づきませんでしたが、IEでここを見ると右側に線がダブり&はみ出してるのに気づきました。あまりIE使うことが無いので、CSSで背景画像を中央揃えしたらIEで1pxずれることをスッカリ忘れていました…。

1pxずれます。

今まではそんなに気にしていませんでしたが、このデザインだと明らかに変に見えるので、解決策を探してみました。

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}

/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

全員同じ解決法か!ハブ電脳は誰だ!

皆様上記の方法で解決されている模様。うーん、…ハック嫌いなんだよな。。それならもう一回組みなおします。

と言いつつ、めんどくさいのでハック使いました

MW WP Form

MW WP Form はショートコードベースのフォームプラグインです。多くの機能を持っており、例えば、多くのバリデーションルール、問い合わせデータの保存、そしてグラフ機能集計などを使用することができます。

さらに詳しく
Habakiri

Habakiri

Bootstrap ベースのシンプルな WordPress テーマ。レスポンシブ、多くのカスタマイズ機能。圧縮された CSS・JS を使用する高速化対策。Microformats 対応。Sass、クラスベースの functions.php。

さらに詳しく
basis-stylus

Basis

軽量なレスポンシブ Stylus/CSS フレームワーク。Flexbox ベースのグリッドシステム、疎結合なコンポーネント、バーティカルリズム。

さらに詳しく