例えば、以下のようなHTMLソースがあります。
【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では
行間が詰まって
あいうえお
かきくけこ
さしすせそ
たちつてと
と表示されてしまいます。
WinXPとWin7で見え方が違うのは、pタグに何の文字を入れていない(空タグ)だからでしょうか?
WinXPとWin7で見え方を同じにするには、やはり、pタグの空タグ部分をすべて削除して、
CSSでpタグにマージンを入れてあげればよいのでしょうか。
アホな質問でもうしわけないですが、
見え方が違うのに悩んでまして、どなた様かお分かりでしたら、
お教え下さい。よろしくお願いします。
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
----引用はじめ----
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 もあったから確認できるかも。
この回答への補足
どなた様かWin7をお持ちの方、上の【html】をコピペして、IE9のブラウザで行間が詰まってみえるかどうか、検証して下さるだけでも良いのですが・・・・。
CSSでpタグにマージンを設定したら、きちんと行間があくかどうか・・・。それさえ分かれば、後はなんとでもなるので・・・・。申し訳ございません。
No.3
- 回答日時:
基本として、XPにIE9は入りませんし、7にIE6、IE7も入りません。
もちろん方法はありますが、いずれも一般的でないイレギュラーな手法だと思います。
どうやって確認をされていますか?
それによって回答が変わる気がします。
もっとも、なぜ空タグが必要なのかという謎がありますが。
この回答への補足
皆様回答誠にありがとうございます。
大変申し訳ございませんが、こちらの捕捉で答えさせて頂きます。
このHTMLは自分が作ったものではなく、
クライアントからXPと7で見え方が違うから直してくれと言われたものです。
で、HTMLを見た所、pが空タグになっているので、原因はこれかなと思ったのですが、もしかしたら違うかも・・・?
原因を探る為に、7ではpタグの中身が空だとその分詰まって見えて見えてしまうのかしら??と言うことをまずお聞きしたかったです。
(自分はXPしかもっていないので、判別のしようがなかったので。)
もしpタグが原因ならは、すべて空タグを消して、CSSでpタグにマージン入れて解決かな・・・
どなた様か、7だと詰まってみえてしまうのかどうか、お分かりになる方いらっしゃいませんでしょうか??
No.2
- 回答日時:
marginの初期値が違うのではありませんか。
ブラウザごとに初期値が違いますよ。
http://blog.3streamer.net/html-css-beginner/rese …
リセットかけた後に再度マージンを指定すればいいです。
こちらの方法でリセットするとh1とかも100%でリセットされてしまうので、
結構大きな手直しが必要になります。
回答ありがとうございます。
確かにユニバーサルセレクタで最初に指定していてくれるとありがたいですよね。でもbody部分に
paddingとmarginすべて0になっているので、
そこまで見た目で違って見える事はないと思うのですが・・・・・・。
No.1
- 回答日時:
それ以前に、マージンを調整するために<p> </p>なんて書くのは間違いですけど。
Another HTML-lint gateway( http://openlab.ring.gr.jp/k16/htmllint/htmllint. … )
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- ホームページ作成・プログラミング chromeでhttpdを使うと 2 2022/03/23 10:54
- PHP PHPの変わった閉じタグの必要性と意味を教えてください。 1 2022/08/28 15:15
- Instagram どう思いますか? 以前、旦那が私と結婚した時の指輪や婚姻届が付いている写真をインスタにあげたんです。 2 2022/07/14 21:05
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- 父親・母親 父親の性癖について悩んでます。 先日、父の日に実家に遊びに行ったら、父親が知らない女性の使用済みパン 10 2023/06/20 01:55
- その他(学校・勉強) この中で間違ってある説明はありますか?詳しい方に教えていただきたいです。 A. 1つのプログラムが複 2 2023/07/14 01:15
- Gmail Gmailのメールの自動振り分け設定でむちゃくちゃになる 1 2022/04/19 19:30
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyとtdのフォントサイズの依...
-
リンク先のURLを別の文字にする...
-
Excel で下線が消えてしまうの...
-
URLが青くならない
-
Google Keepで数字に勝手に下線...
-
パワーポイント:テキストボッ...
-
AppleのNumbersというアプリで...
-
Word で下線の色の変え方
-
Wordでレイアウトを変えないで...
-
ホームページにPDFファイルをリ...
-
HTMLのbody内に<style>~</styl...
-
Seesaaブログの行間設定
-
AUTOCAD文字の下に同じ長さの線...
-
フランス語の質問です。 J'aime...
-
CSSでインラインフレームを非表...
-
Excelヘッダーの書式
-
バナーを横に並べたい
-
エクセルのセルの下線が消えない
-
Word 変換したら、その後...
-
【excelの下線(会計)とは】
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLコード内に、コード各部の...
-
HTMLで、2行目以降をほぼ1字下...
-
ユーザーフォームの表示を追加...
-
リストマークの位置がずれてい...
-
アクセス2000(ADO)のレコード更...
-
面白いタグ
-
ホームページの文字点灯
-
gaiax系ページでの背景の固定
-
bodyとtdのフォントサイズの依...
-
アメブロでの行揃えの記述方法
-
HTMLでぶら下げインデントは出...
-
歌詞のコピーライトについて
-
複数タグ指定してHTMLを取得したい
-
リンク先のURLを別の文字にする...
-
Excel で下線が消えてしまうの...
-
パワーポイント:テキストボッ...
-
URLが青くならない
-
Google Keepで数字に勝手に下線...
-
エクセル:セル内の文字列の下...
-
AppleのNumbersというアプリで...
おすすめ情報