- ベストアンサー
上部の余白を消すには？
上部の上の部分の余白を消したいのですが イマイチソースの使い方が分かりません。 TOPマージンを使えばよいとの事ですが どのように使えばいいのでしょうか？ そのページには画像があって、 画像をなるべく上部に載せたいのです。
- nanashi4416
- お礼率12% (70/546)
- HTML
- 回答数6
- ありがとう数3
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
＞テーブルで囲った画像にでは余白を消して ＞一番上部に持って行くことができません。 <TABLE>タグのCELLSPACINGとSELPADDINGを0にすれば余白は消えますよ。
その他の回答 (5)
- ryota2
- ベストアンサー率43% (61/140)
<body style="margin-top:0px" topmargin=0> topmargin=n …IE2以上 style="margin-top:n" …IE3以上/ネスケ4以上 の対応ですので、 IEは２以上ネスケは４以上の対応です。
補足
早速のレスありがとうございます。 まとめてお返事させていただきますが どのやり方も文字はきちんと余白を消せますが テーブルで囲った画像にでは余白を消して 一番上部に持って行くことができません。 こちらはＩＥ６なんですけど、 何かこちらのやり方に問題があるのでしょうか？
- wildcard
- ベストアンサー率54% (54/100)
Body タグに topmargin=0 を追加すればokのハズです。
- ribisi
- ベストアンサー率28% (247/864)
スタイルシートで、例えば以下のようにしてみたらどうでしょう。 body {margin-top:0px;} これは、上部のマージンを０ピクセルにするという意味です。 ０のところにはマイナスの数値を入れることもできます。 -5pxとかやってみて、仕上がりを見ながら調整したらどうでしょうか。
- yamaneko7
- ベストアンサー率38% (90/234)
初めまして。 マージンの設定はＢＯＤＹタグの中で行いますが、ＩＥとＮＣでは対応しているタグが異なります。 その為に、双方のブラウザで認識する書き方をしなければなりません。ちょっと面倒でしょうが一例としてこんな書き方をして確認してみてください。 <BODY TOPMARGIN=0 LEFTMARGIN=0 RIGHTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> 一応解決できると思いますが、一部のブラウザ（バージョンによる？）では、これでも１ピクセルの隙間が出来てしまうことがあります。その辺の厳密な調整と言うことであればあとは１ピクセルまでのデザイン性を考慮してレイアウトすると言うことになってしまいますね。おっと、１ピクセルの隙間が出来やすいのはネットスケープです。
- HUTABA
- ベストアンサー率27% (436/1611)
<BODY TOPMARGIN=0> で、上部の余白を消す事が出来ます。
関連するQ&A
- webページの上余白をなくす方法
お世話になります。 webページ作成について困っております。 htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。 この余白を消して、ページの一番上から画像を表示させる方法を教えてください。 １．<body topmargin="0" marginheight="0"> この方法と、 ２．スタイルシートで <style type="text/css"> <!-- body { margin: 0px; } --> </style> この２つを試してみましたが、わずかに上部に余白がのこってしまいました。 よろしくご回答お願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- 最上部の余白の原因
こんばんは、質問させてください。 XHTML 1.0 Transitional、CSS2で大枠のレイアウトを組んでいてはまっています。 コードは抜粋です。現在の書き方だと タイトル部分の上に対してのマージンによって <div class="header">の要素と一緒に余白がとられてしまい真っ白な余白が最上部にできてしまいます。 想定ではヘッダーの中で中央ぐらいにTitleという文字がくると思っていたのですが。。 原因はなんでしょうか？ 宜しくお願い致します。 -index.html <body> <div class="header"> <p class="title">Title</p> </div> </body> -style.css *{ margin:0; padding:0; } .header{ background-color:blue; width:800px; height:250px; } .title{ width:200px; height:50px; background-color:red; color:white; margin-left:210px; margin-top:100px; }
- ベストアンサー
- CSS
- Iフレームを置いているページの上部の余白を消したい
文字や、テーブルで囲まれたものを 余白を消して上部に持って行く事はできるのですが Iフレームを置いているページの上部の余白を消せなくて困ってます どうすればいいのでしょうか？
- ベストアンサー
- HTML
- ＩＥの余白とマージン
ＩＥ限定で、あるページのみページ設定の余白以下にマージンを指定することは可能でしょうか。 雰囲気としては <style type="text/css"><!-- body { margin-top: -20px;} --></style> のように余白よりマイナスにする感じなのですが。 ＃やりたいのはＴＯＰマージン。
- ベストアンサー
- CSS
- html5でページ上部に余白ができる
HTML 4.01 Transitionalで制作していたページを、DreamweaverCS5の変換機能を使って、html5に変換しました。 すると、ページ上部に余白が出来てしまい、直そうと思っても原因が分かりません。 CSSで body { margin: 0; } には指定しています。 あと、コンテンツ部分は <div class="Wraper"> </div> で囲っており、その部分も margin: 0px auto; にはなっています。 いったい何が原因でしょうか。回答をお願い致します。
- 締切済み
- HTML
- 表の上部の余白をなくしたい
ホームページビルダーV12の標準モードで白紙の状態から最初に表を作りました。 表の上部には少し余白があります。 この余白をなくす(表全体を上に移動する)には属性の設定の変更かなと思い見てみましたがよくわかりません。 初歩的な質問ですがよろしくお願いいたします。
- 締切済み
- ホームページ作成ソフト
- ページ下の余白をなくせない・・・
GoLive csというソフトでホームページを作りはじめました。 下のようなホームページ↓ http://www.uchida-hp.com/ のように、上と下の余白を無くしたページを作りたいのですがどうしても下の部分の余白だけ無くすことができません。背景の色が表示されてしまいます。 ソフトのページのプロパティ設定で左右・高さのマージン設定を「0」にしていますがダメです。上の余白は無くなります。 レイアウトするテーブルやグリッドの設定を何か行なうのでしょうか？ どなたか教えて下さい。 お願いします。
- 締切済み
- CSS
- PHPでreadfileでページ遷移後に上部余白が
PHPでreadfileを使ってページ遷移した時に、ページ上部に余白１行分くらいができてしまいます。 そのページを直接アドレス入力で見ると余白はありません。 PHPから呼び出すと余白ができます。 どうすれば余白が無くなるのでしょうか。
- 締切済み
- PHP
お礼
消えました！ありがとうございます！