ベストアンサー CSSで余白を設定するタグ 2006/01/25 20:26 CSSで左右の余白を設定するタグは何を使えばいいのでしょうか? また、HPのコンテンツでサイドバーを使いたいのですがそれもどのようなタグを使えばいいのでしょうか。 よろしくお願いします。 みんなの回答 (1) 専門家の回答 質問者が選んだベストアンサー ベストアンサー yspec ベストアンサー率22% (58/255) 2006/01/25 20:34 回答No.1 margin とか padding かな。 サイドバーの作り方と言われても色々あるからここでこれっては良いづらいですね。どういうサイドバーかもわかりませんし。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ パソコン・スマートフォンWindowsWindows XP 関連するQ&A TRタグの余白をcssで設定するには TRタグとTRタグの間に余白とつけて表示したいのですが、 CSSでmarginが効かず、paddingはボーダーがTDタグの下に設定してあるので、 文字と線の間が開いてしまいます。 margin-bottomが効けばいいのですが、どうすれば表示することができますか? <table> <tr> <td>test</td> <td>test</td> </tr> <tr> <td>test</td> <td>test</td> </tr> </table> html5での、h1タグの余白について モバイル端末用のページをhtml5+CSS3でコーディングしています。 基本的にリキッドレイアウトで、imgタグについてはwidth:100%; vertical-align:top;を設けています。 また初期化用CSSとして、以下URLのCSSを読み込ませています。 https://code.google.com/p/html5resetcss/downloads/detail?name=html5reset-1.6.1.css&can=2&q= img(width:100%)をh1タグで括っているのですが、iPhoneで検証してみると、pタグ内に余白ができて しまいます。 h1に対して、CSSで余白がでるようなことはしていません。 また、横向きにすると余白はでず、縦向き時のみ余白が出ます。 このような現象ってご存知で、解消方法はありますでしょうか。 cssのタグを教えてください 今、外部cssファイルに初挑戦しながらWebサイトを作っています。 divで枠組みを縦4つに区切って、上から「1,2,3,4」と名前をつけたのですが、 一番上のidと二番目のidの間に余白が空きすぎています。 この余白をつめるcssのタグの書き方を教えていただけないでしょうか。 超初心者のため情報不足があれば補足させていただきます。 どうぞよろしくお願いいたします。 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? OKWAVE コラム タグで、左等に余白を作りたいです 現在FC2ブログを運営しており 関係無いかも知れませんが ブラウザはFirefox3.5です それで、定期的にアップする記事が、あり 毎回の設定が面倒なんで タグで工夫したいという質問です 内容としては、ある程度文章の中に 箇条書きで表現してる部分が、あるんですが その文章に対して、今迄は アップの度に、手動で…つまり スペースキーで余白を作り、アップして来ました ところが、それで実行すると 莫大な時間が掛かる為 タグで余白を作りたいという事なんです 文章としては、こんな感じです 尚、適当な文章が浮かばなかった為 今回表現してる文章は、適当に入力しました ☆☆☆ ☆☆☆ ☆☆☆ ☆☆☆ ☆☆☆ ☆☆☆ おはよう御座います こんにちは こんばんは さようなら すいませんでした 申し訳御座いません 有難う御座いました ☆☆☆ ☆☆☆ ☆☆☆ ☆☆☆ 従って、文章全体で 左側に、同じ余白を…という事じゃ、ありませんし また、左右に余白を…でも、ありません ただ、今後は文章に対しても 一部を除いてセルで囲もうと思ってます その例を紹介すると <table border=0> <tr> <td> おはよう御座います こんにちは こんばんは さようなら </td> </tr> </table> 余談ですが、タグに詳しい方なら御存知だと思いますが このセルの場合 <table border=0>の部分で border=0の所に数字を入れると枠が出ますが 0の設定だと、枠は見えませんから ケースバイケースで使い分けようと思いました 従って、今後は このセルに対して個別に余白のタグを設定出来れば… と考えてます ただ、自分でも調べたんですが この様なタグしか見つからず http://siriasu.s10.xrea.com/HTML/body.htm 但し、上記HPでは 余白ゼロで設定してる為、応用と思い <body leftmargin="10" > おはよう御座います </body> と入力したんですが どういう訳か反映出来ませんでした h1タグの余白 h1タグを使うと文字が大きくなり、周りの余白もできてしまいますが、CSSで解消できることが調べてわかりました。 ところが、外部ファイルの記述でマージンをh1 { margin:0px; }としても下の余白はなくなるのですが、上の余白が1行改行されています。 ソースをみても問題はないように見えるのですが、どなたかお分かりの方がいらっしゃいましたらお願いします。 テーブル内の左右にだけ余白を設定するには? HPビルダー6.3を使っています。 テーブルを使ってリンク集を作っていますが、 表のセルの左右に余白がなく文字が詰まって 読みづらいと思うので右クリックで表の属性の セル内余白を設定してみましたが、上下にも 余白ができて表示が乱れてしまいます。 セルの左右にだけ余白を作りたいのですが、 どういうhtmlを書き込めばいいですか?教えてください。 ページ印刷時の余白設定 HPを作っているのですが (横幅750pix程/ページマージン上下左右0pix)、 A4縦印刷する時にどうしても右側が切れてしまいます。 (※A3や、横にしたり、ブラウザ側で余白の設定をすれば印刷できます。) CSSで、印刷時の紙の方向などを設定するのは調べてみたところ可能のようなのですが、A4縦方向ではいるようにCSSでの指定は可能なのでしょうか?不可能なのでしょうか・・・。 印刷時の余白設定はやはりブラウザ側で設定するしかないのでしょうか? ページ自体の幅(デザイン)を狭くするのは最終手段として、、、。 ご教授いただけませんでしょうか。 よろしくお願いいたします。 CSSでボックスの位置を変えたときの余白を消す CSSでボックスの位置を変えたとき、変える前にボックスがあった場所が余白になると思いますが その余白をつめる方法はないでしょうか? やはりページを1つの大きなボックスにして設定するしかないでしょうか? paddingで設定した余白について CSSとXTHMLを勉強しています。 以下のように、ソースを記述した時、 上下左右ともに20pxの余白が設定されると思うのですが、 上部余白のみ広くなってしまします。 理由を教えて頂けませんか? div#container{ border:solid 2px #bbffaa; padding:20px } <body> <div id="container"> <h1>てすと見出し1</h1> <p>てすと</p> </body> htmlとcssを分けたい。 http://www.7key.jp/hp/_ex/9.html このページの様にhtmlとcssを使い左右に均等な余白を作りたいのですが、 このページの記述方法だと、htmの中にcssが書き込まれています。 このページの記述方法と同じで、 この記述を外部cssにとして分けたいのですが、 方法、出来れば、ソースを書き込んで回答してくれるとありがたいのですが、 どうか、宜しくお願いします。 ワードの余白をゼロにするには? <ページ設定>ダイアログのタグ<余白>にて上下左右の値を0にしてみたのですが、「余白が印刷されない~」というウインドウが出てきましたので、「修正」をクリックしました。すると0にしていたところの数値が変わっています。そして、OKをクリックした後の、印刷プレビュー画面には左寄せになった書類が。 さて皆様にお聞きしたいことは二つあります。 一つは余白0という設定は出来るのでしょうか? 二つ目は余白設定後にプレビュー画面での文字等が左寄せに なったのを中央にするにはどうすればいいのでしょうか? ちなみにバージョンはワード2000です。 急いでます。よろしくお願いします。 CSSに関して教えてください。 CSSで左列がサイドバーで右列がメインコンテンツの二段組レイアウトについて質問します。 ●要点 サイドバーには背景色が指定してあり、サイド、メインとも高さが可変(指定なし)とします。メインコンテンツの高さの変動に応じてサイドバーの高さも変化してサイドバーの背景色とメインコンテンツの高さが同じになるように変化させたいのです。 ---------- CSSソース ---------- body { text-align: center } #wrapper { width: 720px; margin: 0 auto; text-align: left; } #content { width: 720px; background: url("../img/content.gif") repeat-y; } #main { float: right; width: 540px; } #sidebar{ float: left; width: 180px; background: blue; } ---------- HTML ---------- <body> <div id="wrapper"> <div id="content"> <div id="main"> ・・・・・・・・・ </div> <div id="sidebar"> ・・・・・・・・・ </div> </div> </div> </body> CSSでcontentに背景画像(サイドバーの幅が青色の画像)を指定してrepeat-yとするとIE6ではメインコンテンツの高さに合せてcontentに指定した画像が繰り返されサイドバーの色がメインコンテンツの高さと揃います。Firefoxでは、メインコンテンツがサイドバーより高くなると揃わなくなります。contentに指定された画像が表示されてないようです。 どのようなことでもいいのでお教えください。手がかりがなく困っています。 ヤバいパソコンが壊れたかも!?事前に知っておきたい3つの兆候と対策 OKWAVE コラム ワード2003の余白の設定 余白の設定を、ファイル→ページ設定からではなく、ルーラー(でいいのでしょうか。インデントを変えられる▽のところです)によって、上下左右の余白を変えられるはずですが、何かの拍子で、上下の余白変更のためのルーラーがなくなっていました。 どうすれば表示させられるのでしょうか。 なお編集は、表示を「印刷レイアウト」で行っています。 よろしくお願いいたします。 Word2000です。余白の設定でこまっています 余白の設定がうまくいきません。 フッタにページ番号が挿入されていますが、縦に大きく設定されているので、邪魔です。 ファイル>ページのセットアップ から 余白タグ の、ページの下の余白の欄に数値をcmで入力しました。 それでもフッタは動きません。 なぜでしょうか? ワードに詳しい方、よろしくお願いします。 印刷設定でどうしても余白ができてしまいます…… 印刷設定でどうしても余白ができてしまいます…… ワードで作成したファイルについて、 余白設定で上下左右とも余白0mmにしているんですが、 印刷プレビュー画面ではどうしても余白ができています。 また、実際に印刷しても余白ができています。 何が原因か教えていただけませんか……? ワードは2007、プリンターはmymioのMFC-930CDNを使用しています。 おそらくワードの方に原因があるとは思うのですが…… Wordの余白設定についてです。 Wordの余白設定についてです。どのようにすれば、きれいでバランスのとれた文書を作成することができるのでしょうか?みなさまは、文書を作成する時、どのように余白を決めて設定していらっしゃいますでしょうか? みなさま、こんにちは。Wordの余白設定について悩んでいます。いろいろと調べてみましたら、白銀比(1:1.414(√2))というものがあるそうです。日本古来から使われており、用紙のサイズの規格としても使われている、美しくバランスよく見える比率だそうです。 ページの余白設定をする場合、白銀比になるように余白を設定すべきか、それとも上下左右ともに同じ余白に統一すべきか。どのような用途に使い分ければよいのか少し悩んでおります。 どなたかご回答して頂けますよう、よろしくお願い致します。 TeXにおける余白設定 TeXでA4サイズにて、上下左右25mmの余白を設定したいのですが、どのように書けばよいのでしょうか。 プロバイダごとのCSS設定比較を知りたい CSSはブログプロバイダーごとに違うと聞きました。 記事ページやサイドバーの幅設定が各社違うってことでしょう? 概要(超簡単)でいいのですが、設定を比較した資料ってありますか。例えばseesaaブログはサイドバー幅を○○に設定しているが、FC2ブログは△△にサイドバー幅を設定している、とかです。 最大の理由はブログによって、サイドバーが落ちるということです。 ●●社ブログの本文記事幅やサイドバー幅設定は××になっている、などです。 CC-570で用紙設定の『余白』が思ったように設定できない。 CC-570で用紙設定画面のカスタムで用紙の余白を設定しようとしているのですが、左右上は、「0.32cm」 にできるのですが、どうしても下が「1.41cm」以下になりません。(1.41以下はできませんとの表示がでます。) CC-550では、『それが』できたのですが、どうしてできないのでしょうか? なお、エプソンHPの方でも調べたのですが解決策がありませんでした。最新のドライバーをインストールしても改善しません。 CC-550のドライバー関係ははずしてインストールしました。 この余白が自由に設定できない問題はCC-570の仕様でしょうか? CSS3のタグを入力して出るようにしたい。 現在自分のブラウザーはIE9でHP作成の勉強をしています。 たぶん、そんなに古くないと思っているのですが、CSS3を活用するページのタグを入力すると本の通りの結果になりません。CCS2.1らへんのだったら全然大丈夫です。 これをどうにかしてCCS3のタグ結果が表示されるようにしたいです。 どうか教えてください。 注目のQ&A 「You」や「I」が入った曲といえば? Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市(長野県)在住でスキーやスノボをする方の用具 カテゴリ パソコン・スマートフォン Windows Windows 11Windows 10Windows 8Windows 7Windows VistaWindows XPWindows MeWindows NT・2000Windows 95・98その他(Windows) カテゴリ一覧を見る OKWAVE コラム 突然のトラブル?プリンター・メール・LINE編 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? 友達って必要?友情って何だろう 大震災時の現実とは?私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ!負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など