以下のHTMLで、Mozilla, Safariでは、上下10px分離れた間隔で画像が表示されますが、IE6,IE7では<br>したのと同等の距離になります。
IEでも上下10px分の間隔で表示させるには、どのようにすればよいのでしょうか?
私が<div>の意味が良く分かっていない為でしょうか?
<div><img src="a.gif" alt=""></dirv>
<div><img src="spacer.gif" alt="" width="1" height="10"></dirv>
<div><img src="b.gif" alt=""></dirv>
No.1ベストアンサー
- 回答日時:
うっかりでしょうけど</dirv>ではなく</div>ね。
スタイルシートで調整しましょう。
div { margin-top:0; margin-bottom:10px; }
No.2
- 回答日時:
こんにちは。
すでに良い回答が出ているのですが、間隔をあけたい場合はCSSを使うのがよいでしょう。
<style type="text/css">
<!--
div {margin-top:10px;
margin-bottom:10px;}
//-->
</style>
bodyタグのすぐ下に、このように記述すると、divタグ全ての上下に10pxの間隔が出来ます。
こうすると、間隔を変更したい時にも簡単に変更出来ます。
でも、画像を表示したいだけなら
<img src="a.gif" alt="">
<img src="b.gif" alt="">
として、bodyタグのすぐ下に
<style type="text/css">
<!--
img {margin-top:10px;
margin-bottom:10px;}
//-->
</style>
と記述した方が、コンパクトでいいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
CSS、width100%でもできる余白
-
【CSSについて】リストをフロー...
-
HTMLのiframeの入れ子について
-
【HTML】【CSS】【Swiper】 元...
-
CSSでボックスのheightが0になる
-
定義リスト dl dd dt
-
テーブル内の文字が揃わない
-
ヘッダーの高さが合わない
-
定義リストに下線をつけたいと...
-
divで囲まれたpaddingの指定を...
-
div内に外部のurlを表示させたい
-
定義リストで先頭にアイコン
-
外側のdivの高さを入れ子のdiv...
-
デスクトップ用のWEBサイトをス...
-
透明divの下に長い余白ができて...
-
背景が下まで表示されないんです。
-
Webサイトretinaディスプレイのcss
-
枠線でメイン部分を囲み、フッ...
-
CSS リンクを枠で囲み背景色を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
css初心者 フレックスボックス...
-
表示倍率を変えるとレイアウト...
-
CSSがなぜかfont-sizeだけ効か...
-
CSS、width100%でもできる余白
-
W3Cのソースコードの検証サービ...
-
CSS:animation開始位置の設定
-
CSSで指定した背景画像にリンク...
-
<div>と<div>の間の10px程の...
-
余分な縦スクロールバーが出て...
-
CSSでボックスのheightが0になる
-
【CSS】ヘッダーの高さが不明の...
-
スクロールボックスを中央に配...
-
li 黒丸含んで移動する方法
-
border-style:solidで文字がずれる
-
【HTML&CSS】フッター下部の余...
-
Media Queries 4 で 非推奨とな...
-
初心者html・CSS ウィンドウを...
おすすめ情報