質問: 文字の位置、上下のマージンがずれる 仕事でhtml+cssでコーディングをされる方、 または精通されている方に質問です。 pタグで2行の段落を続けて配置してみました。 ie6・7、ff、chrome、safariではぴったりレイアウトが合うのですが、 ie8・9で確認すると誤差が生じます↓ あああああ かかかかか ★pに対する指定 font-family: "ヒラギノ角ゴ pro w3","hiragino kaku gothic pro","ms pゴシック","ms pgothic"; font-size: 14px; line-height: 1; margin: 0; padding: 0; 各pタグにわかりやすく背景色をつけて確認してみると・・・ ・ie8だと、2段目のテキスト位置が1px上に上がり、pの高さも1px縮む ・ie9だと、1段目と2段目のテキスト位置が1px上に上がり、2段目のpの高さが1px縮む それぞれのpに高さを決めれば問題はないようですが、 高さを決めずにテキストを配置する場合、 この誤差については対応ができないものなのでしょうか? pタグに限らず、ul、dlなんかでもずれることが多いです。 テキストをぴったりを合わせる技術ってないのでしょうか?
回答: css誤記・・・ 差異云々の話はまだ早いのでは? line-height: 1; は各行の高さが1フォント分って事ですよ。 基本:文章にheightは使わない。 因みに、複雑なデザインによりますが“全て”を100%完璧に揃えるのは無理です。