- 締切済み
WinXPとWin7のPタグの見え方について
例えば、以下のようなHTMLソースがあります。 【ｈｔｍｌ】 <p>あいうえお</p> <p> </p> <p>かきくけこ</p> <p> </p> <p>さしすせそ</p> <p> </p> <p>たちつてと</p> WinXPのブラウザ IE6～9 Mozilla Firefox Google Chromeでは あいうえお かきくけこ さしすせそ たちつてと と行間が空くのですが、 Win7のIE7-9では 行間が詰まって あいうえお かきくけこ さしすせそ たちつてと と表示されてしまいます。 WiｎXPとWin7で見え方が違うのは、ｐタグに何の文字を入れていない（空タグ）だからでしょうか？ WiｎXPとWin7で見え方を同じにするには、やはり、ｐタグの空タグ部分をすべて削除して、 CSSでｐタグにマージンを入れてあげればよいのでしょうか。 アホな質問でもうしわけないですが、 見え方が違うのに悩んでまして、どなた様かお分かりでしたら、 お教え下さい。よろしくお願いします。
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- dscripty
- ベストアンサー率51% (166/325)
- tracer
- ベストアンサー率41% (255/621)
基本として、XPにIE9は入りませんし、7にIE6、IE7も入りません。 もちろん方法はありますが、いずれも一般的でないイレギュラーな手法だと思います。 どうやって確認をされていますか？ それによって回答が変わる気がします。 もっとも、なぜ空タグが必要なのかという謎がありますが。
お礼
回答ありがとうございます。 すみません、下記間違えました。 XPはIE6-8 7はIE9での確認だったようです。
補足
皆様回答誠にありがとうございます。 大変申し訳ございませんが、こちらの捕捉で答えさせて頂きます。 このHTMLは自分が作ったものではなく、 クライアントからXPと7で見え方が違うから直してくれと言われたものです。 で、HTMLを見た所、ｐが空タグになっているので、原因はこれかなと思ったのですが、もしかしたら違うかも・・・？ 原因を探る為に、7ではｐタグの中身が空だとその分詰まって見えて見えてしまうのかしら？？と言うことをまずお聞きしたかったです。 （自分はXPしかもっていないので、判別のしようがなかったので。） もしｐタグが原因ならは、すべて空タグを消して、CSSでｐタグにマージン入れて解決かな・・・ どなた様か、7だと詰まってみえてしまうのかどうか、お分かりになる方いらっしゃいませんでしょうか？？
- flyingbee
- ベストアンサー率26% (49/182)
marginの初期値が違うのではありませんか。 ブラウザごとに初期値が違いますよ。 http://blog.3streamer.net/html-css-beginner/reset-css-1/ リセットかけた後に再度マージンを指定すればいいです。 こちらの方法でリセットするとh1とかも100%でリセットされてしまうので、 結構大きな手直しが必要になります。
お礼
回答ありがとうございます。 確かにユニバーサルセレクタで最初に指定していてくれるとありがたいですよね。でもbody部分に paddingとmarginすべて0になっているので、 そこまで見た目で違って見える事はないと思うのですが・・・・・・。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
それ以前に、マージンを調整するために<p> </p>なんて書くのは間違いですけど。 Another HTML-lint gateway( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
お礼
回答ありがとうございます。 自分もなんでｐタグで行間とってるのかなーと思います。
補足
どなた様かWin7をお持ちの方、上の【ｈｔｍｌ】をコピペして、IE9のブラウザで行間が詰まってみえるかどうか、検証して下さるだけでも良いのですが・・・・。 CSSでｐタグにマージンを設定したら、きちんと行間があくかどうか・・・。それさえ分かれば、後はなんとでもなるので・・・・。申し訳ございません。