A 回答 (6件)
- 最新から表示
- 回答順に表示
No.6
- 回答日時:
ANo.1です。
>のこの質問ページのように中央にまとめて
>左右に余白をみたいなスペースをつけるタグ
それは「タグ」ではなく、タグに付加する属性またはCSSで指定するものです。
(このあたりは他の回答者の方々も書かれてますので、もうお解かりとは思いますけど。)
ANo.1で回答してますが、<body>に対して左右のmarginをautoにすることで中央によります。
(特に<div>タグに設定することはありません。)
ついでに・・・
ソースを見せてもらいましたが、DOCTYPE宣言でXHTML1.0としているのに、タグの使い方が、XHTML1.0の作法に則っていません。このあたりをきちんと修正してから正しくCSSを使うことを勉強されたらいいのではないかと思いますよ。
No.5
- 回答日時:
職業訓練のソースでカンニングしちゃーまずいんでないの?
htmlもかなりひどいし、先生にちゃんと見てもらって、指導してもらうことをお勧めします。
#container{
width:900px;/*横幅を決め*/
margin-left:auto;/*左右のマージンをautoに*/
margin-right:auto;
}
cssはhtmlに修飾を加えるものだから、まずは、htmlを正しく書くことをお勧めします。
いまは、上手くいっても、この先破綻しますよ。
先生に聞きにくければ、HTML文書の文法をチェックし、間違ったことを指摘してくれ解説してくれるサイトがありますので、チェックされてみては?
http://htmllint.itc.keio.ac.jp/htmllint/htmllint …
No.4
- 回答日時:
containerの幅を決めて左右のあきを自動にすれば、お望みの形になると思います。
<div style="width:900px;margin-left:auto;margin-right:auto;">
タグはh1とかpとかですね。文章構造を決めるもの。今回の質問は、文章構造に対するデザインスタイルを決めるものなので、cssを使います。style="なんか"という形です。文章構造はタグでOKですが、スタイルなどはプロパティや値といいます。
ここを混合すると、勉強がすすみませんよ。がんばってください。
No.3
- 回答日時:
「container」というのは「ものを入れておくもの」というほどの意味で、cssを書くひと(例えばあなた)が勝手に命名した(命名する)ものです。
「content_body」とか「main」とか「main-area」とか「main-box」とかいうのも同様。containerより大きく囲むclass名あるいは id名が必要であれば、例えば「ookina-container」とか「bmxqw-body」とか「container001」とか、自分でわかりやすい名前をつけます。あるいはclassや id を設定しなくても、「body」に指定すればいいのかも知れません。
1、2の回答者のおっしゃる通り、ソースを載せて「どこが問題なんでしょうか」と聞いた方が早いと思います。
もう、class名やid名で悩まないんだからっ!!
http://css-happylife.com/archives/2007/0115_1345 …
No.2
- 回答日時:
>containerより大きく囲むタグ
何か勘違いされているように思えますが、そもそも「container」という「タグ」は存在しません。
おそらくは<div id="container">といった形で「div」タグに名前をつけているのではないかと推測してるのですが、このあたりは明示しないと回答できないですよね。
さて
>bodyを中央にもってきて
ということならcssの「body」タグのmargin属性で
body{margin:0 auto;}
としてやればどうですか?
ただ、いずれにしても
>私のPCではどうも設定通りに反映されないので
というあたりでhtmlとcssが正しく記述されているのか不明ですので、ソースを明示したほうがいいでしょうね。
この回答への補足
アドバイスありがとうございます。
どちらかというと<div id="container">のことを聞きたいというよりokwaveのこの質問ページのように中央にまとめて左右に余白をみたいなスペースをつけるタグを以前知人に聞いたのですが度忘れしてしまいまして改めて伺った次第です。
containerの上につけていたのでcontainerではないです。
わたしのノートPCはちょっと大きいので普通サイズだと設定した形が崩れるようなのです。最大にしてブラウザで見ると設定した余白以上にコンテンツとメニューに余白が出てしまいます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- SEO noindexタグを試作ページの段階で使うとき 1 2023/02/15 08:42
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- PowerPoint(パワーポイント) ExcelのVBAコードについて教えてください。 3 2022/05/25 14:32
- Gmail Gmailのメールの自動振り分け設定でむちゃくちゃになる 1 2022/04/19 19:30
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- ハッキング・フィッシング詐欺 webサイトでIPアドレスを抜く方法を聞きたいです。 1 2022/06/09 17:33
- JavaScript Google reCAPTCHAについて 1 2023/02/22 14:37
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
HTMLフォームのSELECTの幅を一...
-
Dreamweaverで画面サイズを一定...
-
pタグによる段落間のアキ調整...
-
スタイルシートでh1の属性行間...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
CSSでh1とその下の文字との行間...
-
Firefox 横スクロールバーを表...
-
paddingを指定するとwidthやhei...
-
アップロードするサーバーによ...
-
なぜ左に寄っているの?
-
htmlでテーブル内にテキストボ...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズに合ったもの...
-
エクセルでサイズ指定でPOP...
-
バーコードのサイズは拡大縮小...
-
Excelの列の幅(ピクセル)につい...
-
PDFへてのテキストボックスにて...
-
ホームページビルダーで表の列...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
HTMLフォームのSELECTの幅を一...
-
インラインフレームの表示位置...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
text-alignの解除の方法
-
CSSでh1とその下の文字との行間...
-
なぜ左に寄っているの?
-
INPUT TEXT内の文字位置を指定...
-
macとwindowsのレイアウト崩れ...
-
<legend>で表示されるタイトル...
-
端から端まで横線を引きたい
-
CSSの設定
-
css。横並びBOXに長文textを流...
-
chromeだけbody直下に空白が開く
-
cssの指定の横幅よりテキストが...
-
htmltとcssのコードで
-
Formタグのブロックの高さについて
-
CSS セルごとリンクにする際、...
-
ページを真ん中に持ってくるには?
おすすめ情報