• 締切済み

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でｐタグにマージンを入れてあげればよいのでしょうか。 アホな質問でもうしわけないですが、 見え方が違うのに悩んでまして、どなた様かお分かりでしたら、 お教え下さい。よろしくお願いします。 　

  • u2122
  • お礼率71% (125/176)
  • HTML
  • 回答数4
  • ありがとう数3

みんなの回答

  • dscripty
  • ベストアンサー率51% (166/325)
回答No.4

http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=11575 ----引用はじめ---- In order to help web designers and web developers test their websites in older versions of Internet Explorer, we've provided the following VHD with Windows set up with the specified version of Internet Explorer. ----引用終わり---- いま確認したら Windows 7 の Internet Explorer 9 の VirtualPC 用の VHD もあったから確認できるかも。

u2122
質問者

補足

どなた様かWin7をお持ちの方、上の【ｈｔｍｌ】をコピペして、IE9のブラウザで行間が詰まってみえるかどうか、検証して下さるだけでも良いのですが・・・・。 CSSでｐタグにマージンを設定したら、きちんと行間があくかどうか・・・。それさえ分かれば、後はなんとでもなるので・・・・。申し訳ございません。

  • tracer
  • ベストアンサー率41% (255/621)
回答No.3

基本として、XPにIE9は入りませんし、7にIE6、IE7も入りません。 もちろん方法はありますが、いずれも一般的でないイレギュラーな手法だと思います。 どうやって確認をされていますか？ それによって回答が変わる気がします。 もっとも、なぜ空タグが必要なのかという謎がありますが。

u2122
質問者

お礼

回答ありがとうございます。 すみません、下記間違えました。 XPはIE6-8 7はIE9での確認だったようです。

u2122
質問者

補足

皆様回答誠にありがとうございます。 大変申し訳ございませんが、こちらの捕捉で答えさせて頂きます。 このHTMLは自分が作ったものではなく、 クライアントからXPと7で見え方が違うから直してくれと言われたものです。 で、HTMLを見た所、ｐが空タグになっているので、原因はこれかなと思ったのですが、もしかしたら違うかも・・・？ 原因を探る為に、7ではｐタグの中身が空だとその分詰まって見えて見えてしまうのかしら？？と言うことをまずお聞きしたかったです。 （自分はXPしかもっていないので、判別のしようがなかったので。） もしｐタグが原因ならは、すべて空タグを消して、CSSでｐタグにマージン入れて解決かな・・・ どなた様か、7だと詰まってみえてしまうのかどうか、お分かりになる方いらっしゃいませんでしょうか？？

  • flyingbee
  • ベストアンサー率26% (49/182)
回答No.2

marginの初期値が違うのではありませんか。 ブラウザごとに初期値が違いますよ。 http://blog.3streamer.net/html-css-beginner/reset-css-1/ リセットかけた後に再度マージンを指定すればいいです。 こちらの方法でリセットするとh1とかも100%でリセットされてしまうので、 結構大きな手直しが必要になります。

u2122
質問者

お礼

回答ありがとうございます。 確かにユニバーサルセレクタで最初に指定していてくれるとありがたいですよね。でもbody部分に paddingとmarginすべて0になっているので、 そこまで見た目で違って見える事はないと思うのですが・・・・・・。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

それ以前に、マージンを調整するために<p> </p>なんて書くのは間違いですけど。 Another HTML-lint gateway( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )

u2122
質問者

お礼

回答ありがとうございます。 自分もなんでｐタグで行間とってるのかなーと思います。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • Netscapeでtopmargin、leftmarginのようなタグ

    HTMLタグについての質問なので、 カテゴリがちょっと違うのかもしれませんが、 ここなら詳しい人がいそうなので、質問させて下さい…。 上・左に全くマージンのないデザインでホームページを作りたいのですが、 Netscapeではtopmargin、leftmarginは認識しませんよね? 同様の働きをするタグ、もしくはやり方ってないのでしょうか。 IEで見ながらつくったページが、ズレズレになって困っています。どなたか教えて下さい。お願いします。

  • テキストに常に下線を引きたい

    テキストに常に下線を引きたい 場合にはどうすれば良いのでしょうか？ [例] 下記のように、常に、大学ノートのように下線を引きたいのです。(下線は破線ではなく、直線で構いません) 《HTML》 <p>あいうえおかきくけこ<br />さしすせそたちつてと<br />なにぬねのはひふへほ</p> <p>あいうえおかきくけこ<br />さしすせそたちつてと</p> 《画面表示》 あいうえおかきくけこ ----------------- さしすせそたちつてと ----------------- なにぬねのはひふへほ ----------------- ----------------- あいうえおかきくけこ ----------------- さしすせそたちつてと ----------------- 注意1）ｐタグとｐタグの間にmarginを空けても（テキスト1行分）下線が付くようにしたい。 注意2）ユーザー側が文字サイズを変更しても、下線の上に文字が重なる事がないようにしたい。（ですので、background-imageによる直線のみの画像の配置は論外です） 以上の2つの注意を回避して実現する為には、CSSの記述をどのようにすれば良いのでしょうか？ CSSで実現出来なければ、JavaScriptでも何でも構いませんので、何か方法があれば教えて下さい。よろしくお願い申し上げます。

    • ベストアンサー
    • HTML
  • HTMLソース上での「改行」を除去したい。

    いつもお世話になっております。 ver.PHP5 HTMLソースを見ると、 例えば、 ----------- あいうえお かきくけこ さしすせそ たちつてと ----------- のようになっているHTMLソースを、 ----------- あいうえお かきくけこ さしすせそ たちつてと ----------- とするには、どうしたら良いでしょうか。 (-----------　は説明上、書いたもので、ソースには含まれません。） どなたか、宜しくお願いします。

    • ベストアンサー
    • PHP
  • テキストに常に下線を引きたい

    テキストに常に下線を引きたい プログラミング＞HTML にて質問させて頂いたのですが、CSSだけでは上手にいかず、ではJavaScriptと多様すれば・・・！？とか思って再度、こちらにて質問させて頂きました。 ↓前回のやりとり http://okwave.jp/qa/q6225851.html 質問内容は前回と同じで、テキストに常に下線を引きたい場合にはどうすれば良いのでしょうか？と言う事です。 [例] 下記のように、常に、大学ノートのように下線を引きたいのです。(下線は破線ではなく、直線で構いません) 《HTML》 <p>あいうえおかきくけこ<br />さしすせそたちつてと<br />なにぬねのはひふへほ</p> <p>あいうえおかきくけこ<br />さしすせそたちつてと</p> 《画面表示》 あいうえおかきくけこ ----------------- さしすせそたちつてと ----------------- なにぬねのはひふへほ ----------------- ----------------- あいうえおかきくけこ ----------------- さしすせそたちつてと ----------------- 注意1）ｐタグとｐタグの間にmarginを空けても（テキスト1行分）下線が付くようにしたい。 注意2）ユーザー側が文字サイズを変更しても、下線の上に文字が重なる事がないようにしたい。（ですので、background-imageによる直線のみの画像の配置は論外です） 以上の2つの注意を回避して実現したいのですが、可能でしょうか？可能ならばソースを教えて下さい。よろしくお願い申し上げます。

  • formタグ下にできる隙間を埋めたい

    HTMLでformタグを挿入し、cssで行間指定をしました。 firefoxでは問題ないのですが、IEで見ると、フォームの直下に余分な隙間ができてしまいます。 この隙間を埋めたいのですが、対処方法を教えていただけないでしょうか。

    • ベストアンサー
    • HTML
  • HTMLのMETA タグ、charset の扱いについて

    こんにちは。 HTMLのMETAタグの扱いについて教えてください。 下記HTMLソースの（１）～（３）までは正常に表示されます。 （４）に限って異常表示されるのは何故でしょうか？ 異常の場合、途中からの表示になるのはタグ区切り文字の ＜＞が不一致になるからでしょうか？ また改行されなくなったのは何故でしょうか。 -----正常表示----- あいうえお メールアドレスaddress@domain.com かきくけこ さしすせそ たちつてと ------------------ -----異常表示----- address@domain.com かきくけこさしすせそたちつてと ------------------ （１）正常ケース１ 一番シンプルなソースです。改行に<BR>を使っていません。 -----以下htmlソース内----- <HTML><META CONTENT="text/plain; charset=iso-2022-jp"> <PRE> あいうえお メールアドレス<A href="mailto:address@domain.com">address@domain.com</A> かきくけこ さしすせそ たちつてと </PRE></HTML> ----------------------- （２）正常ケース２ CONTENTの"の囲み内に更に"があります。 -----以下htmlソース内----- <HTML><META CONTENT="text/plain; charset="iso-2022-jp"> ※以降、正常ケース１と同じです。 ----------------------- （３）正常ケース３ charset="iso-2022-jp"と次の"までの間は、全角空白です。 -----以下htmlソース内----- <HTML><META CONTENT="text/plain; charset="iso-2022-jp"　"> ※以降、正常ケース１と同じです。 ----------------------- （４）異常ケース charset="iso-2022-jp"と次の"までの間は、半角空白です。 -----以下htmlソース内----- <HTML><META CONTENT="text/plain; charset="iso-2022-jp" "> ※以降、正常ケース１と同じです。 -----------------------

    • ベストアンサー
    • HTML
  • <P>タグの表示の違い

    質問させて下さい。 HTMLでページを一つ作成しました。 --------------------------------- <p> [タイトル画像] </p> [テーブルの表] --------------------------------- 上のような感じなのですが、ファイヤーフォックスですと タイトル画像とテーブルの間に空行があります。（望む形） しかしIEで表示すると、空行がなく埋まってしまいます。 どうするのが正しいのでしょうか？ （BRであけるのは無しだとすると）

    • ベストアンサー
    • HTML
  • optionタグのエスケープ

    optionタグの表示部分（HTML4.0だとlabel属性になるんでしょうか？） に、&などのHTMLのエスケープを入れた場合、 winのIEやfirefoxではそのままでてくるのですが、 これはHTMLの仕様でしょうか？ なぜか&nbsp;はスペースに変換されます・・・ それを調べるためにどういうサイト（資料）を調べればいいかがわからないのでそちらのヒントもいただけたらと思います。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • Wordpress2.8を使っています。

    Wordpress2.8を使っています。 WordPressレッスンブックを参考にホームページを作りました。 ページ→編集→の順で、 独立ページに新しい記事を投稿しているのですが、記事と記事の間にスペースが出来ません。 改行はできるのですが、二回三回と改行しても、更新すると元に戻ってしまいます。（記事と記事がくっつき過ぎてて見づらいです） ビジュアルとHTML、どちらの手段でも投稿できるのですが。。。 自分はビジュアルを使っております。 なぜなら、こちらはテキストエディットやWORDと使用が同じで簡単です。 <p></p>などと言ったHTML特有のわかりづらい記述をしなくても、勝手にやってくれます。 とにかく、何がしたいのかというと、 もっと記事と記事の間にスペースが欲しいのです。 どうしたらよいのでしょうか？ わかりすらいので、例をあげてみます。 （例） あいうえお かきくけこ さしすせそ たちつてと ＊このように２行づつあけて文章を書きました。 　しかし、更新してページを表示してみると↓ あいうえお かきくけこ さしすせそ たちつてと と、このようにくっついてしまいます。 どうしたらよいのですか？ どなたか教えて頂けないでしょうか？？

  • youtube再生画質がIEでは落ちる

    win8.1でyoutubeを見ますと、IEでは画質が必ず144pとなりぼやけた映像になります。同じ動画をgoogl chromeやfirefoxで見ると鮮明に写り、画質は勝手に360p以上になっています。 HTML５にしてみたりしましたが、IE11だけがどうして144pになるのでしょうか。 何か対処方法があれば教へて頂けないでしょうか。宜しくご指導下さい。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する