No.9
- 回答日時:
<div id="container"></div>
に変えましたか?
これでは #containerでの設定は無効です。
また、
body {
にも、margin: 0px;
がありますね。
上下の僅かの余白を無くしたいのでしょう。けど、これが効いてます。
ここを、margin: 0px auto;にすれば良いでしょう。また、width(横幅)も設定する必要が出てきます。
どのタグが外枠になるのか考えて
外枠をセンタリングすれば良いのです。
外枠をブラウザ画面いっぱいにすれば、中身は当然左寄せになります。
この回答への補足
今回はいろいろご苦労をおかけしました。初めてホームページを作りまだコードも理解していません。もう一度同じ物を作り理解しながら、アドバイスを考慮しながらチャレンジしようと思います。今回は本当に有難うございました。又投稿しますのでそのときはよろしくお願いいたします。
補足日時:2010/03/26 21:30No.8
- 回答日時:
はは!もろにテンプレ載せちゃってますね。
それにしてもおかしな挿入位置ですよ。最初にURLにアクセスした時にスタイルシートが読み出せなかっただけですので
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head><link href="スタイルシートのURL/ファイル名.css" rel="stylesheet" type="text/css" />
<body>
↓
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
に戻し、style.cssファイルの次の箇所を
#container {
margin: 0px;
padding: 0px;
width: 770px;
}
↓
#container {
margin: 0px auto;
padding: 0px;
width: 770px;
}
と、containerのmarginの左右をautoにすれば、自動的に左右同じマージンを取り中央に表示されます。(最初に書いたようにIE6以前を除く)
この回答はANo.7に書いたとおりです。
【注意】ここの相談箱は行頭の半角スペースやTABは表示されませんので、全角スペースに変えて記載しています。くれぐれもコピペしないで、キー入力でautoを追加してください。
この回答への補足
自分のホームぺじを開いたとき、インターネットの左側でなく、中央にドキメントがあるほうが見やすい思います。上記のようにstyle.cssを編集しました。margin:0px auto;に書き替えまた。<link href="css/style.css" rel="stylesheet" type="text/css" />も</head>前に移動しました。それを保存してFTPにアップしなおしましたが、やり方がまずいのか成功しません。どのホームページを見ても左寄せのドキメントは格好悪いです。お手数かけますが、よろしくお願いいたします。
補足日時:2010/03/26 07:19No.7ベストアンサー
- 回答日時:
失礼しました。
スタイルシートが読めました。スタイルシートの
#container { のマージン設定を
margin: 0px;
↓
margin: 0px auto;
にしてください。
No.6
- 回答日時:
投稿を済ませたらURLが記されていて訪問してソースをみてみると、
スタイルシートがリンクされていません。
</head><body> の前に
<link href="スタイルシートのURL/ファイル名.css" rel="stylesheet" type="text/css" />
が必要です。
度々すみません。
今使っていソフトはDreamweaver Cs3です。言われたとおり</head><body>の前に
<link href="スタイルシートのURL/ファイル名.css" rel="stylesheet" type="text/css" />を挿入しました。ファイルを保存しなおし再度置き直しホームページを確認しましたが、表示されたのは左寄せでセンター寄りではありませんでした。他に簡単な方法はないでしょうか。お手数かけますがよろしくお願いいたします。
No.5
- 回答日時:
いろんなケースが考えられます。
例えばW3C標準モードって、IE5.5~IE6で表示した場合とか(これはIE5.5modeのmarginバグ)
逆に<center></center>タグを使って作って、FireFoxなどW3C標準モードしかないブラウザで表示するとか(これはIEの方言)
などで、左寄せに表示されてしまいます。
現在はIE8もW3C標準モードだし、昨年よりホームページを見ただけでマルウェアに感染するセキュリティ上の問題が多いIE6などの古いブラウザは使う人が急速に減って少数派になっているので、現在はW3C標準モードで作るのが得策かと思います。
数年前のホームページビルダーなどIE5.5~IE6(互換モードと言ったりします)を対象にHTMLコードを吐き出すソフトで作ると、製作意図どおりでは見てもらえません。
No.4
- 回答日時:
どのようにホームページを作ったんですか?
タグの手打ちだとスペースや改行はそのまま反映はされないので方法としては<body>の直後に<pre>を入れ、</body>の直前に</pre>といれれば改行やスペースがそのまま反映されます。
僕がホームページを作るときもpre要素を使っています。
参考URL:http://www.htmq.com/html/pre.shtml
ご回答有難うございました。
まだ初心者ですお許しください。
実際にPre挿入してみてたら画面が乱れてしまいました。その意味でなくインターネットで自分のホームページを呼び出した画面が左寄せになっています。画面をセンターで見たいのですが、URL http://homepage3.nifty.com/yokaneです。
No.3
- 回答日時:
No.1の方の意見に加え、以下の方法でも可能です。
----------------
<center>文字や写真など</center>
----------------
<center>で囲んでいる部分が中央寄せになります。
No.1
- 回答日時:
まず、中央に表示させるためのコードはこれです。
「<div align="center">」
ちなみに「"center"」を「"light"」にすると左寄せになります。
そして、中央に表示させたい部分の終わりに「</div>」とつければOKです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
text-alignの解除の方法
-
CSSの設定
-
CSSで、height:100%の中央寄せ
-
marginを指定した見出し要素の...
-
引用文を囲むボックスの作り方
-
ページのマージン・・・
-
外部CSSがFireFoxで反映されません
-
<h1>タグの後の行間を詰めたい。
-
CSSで<p>の幅指定を解除したい。
-
FLASHの中央配置はどうやるの?
-
Excelで文字の幅を変える方法
-
エクセルでサイズに合ったもの...
-
PDFへてのテキストボックスにて...
-
htmlでテーブル内にテキストボ...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
エクセル 画面表示拡大率によ...
-
<tbody>は何のためにあるんでし...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
インラインフレームの表示位置...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
macとwindowsのレイアウト崩れ...
-
INPUT TEXT内の文字位置を指定...
-
text-alignの解除の方法
-
ホームページビルダー 空白の...
-
Formタグのブロックの高さについて
-
端から端まで横線を引きたい
-
<legend>で表示されるタイトル...
-
なぜ左に寄っているの?
-
FireFoxで見るとブラウザの幅に...
-
コードを書いて下さい( ; ; )...
-
アップロードするサーバーによ...
-
CSSでh1とその下の文字との行間...
-
文字を内側にも色の付いた枠で...
-
テキストボックスの文字を右揃...
-
Dreamweaverで画面サイズを一定...
おすすめ情報