人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

初めてFireFoxを使い始めたのですが、私の日記のプロフィール画面をブラウザ「FireFox」で表示すると、記事が左に寄ってしまいます。何が原因なのか分かりません。スタイルシートで直るのでしたら、どなたか教えて頂けないでしょうか。どうぞ宜しくお願い致します。

http://d.hatena.ne.jp/aicon/about

ちなみにIEで見たところ、きちんとセンターに表示されました。

●質問者: aicon
●カテゴリ:はてなの使い方 コンピュータ
✍キーワード:firefox IE スタイルシート センター ブラウザ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● izayoimizuki
●20ポイント

http://www.scollabo.com/banban/ref/refcss_04.html#margin

$B%\%C%/%9(B/CSS$B%j%U%!%l%s%9(B

.hatena-body{margin:auto;}

でしょうか。

◎質問者からの返答

あれー。直らないです…。

何故なんでしょう。ごめんなさい。


2 ● ginpei
●20ポイント

http://www.mozilla.gr.jp/standards/webtips0004.html

ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト

実は IE が間違って、中央寄せしないはずのものを中央寄せしてしまっています。

今、ひとつ外の要素に text-align: center; を設定していますが、中央寄せしたい要素自体に margin-left: auto; と margin-right: auto; を設定して下さい。

ただしこの方法だけだと IE は中央に表示してくれないので、今のものと新しいものと、両方設定しておくと良いでしょう。

◎質問者からの返答

なるほど…。すみません書き忘れましたが当方そこまでスタイルシートに詳しくないのもありまして、試しにスタイルシートの欄に

div.hatena-body{

margin-left: auto;

margin-right: auto;

}

こんな風に入れてみましたが違いますでしょうか?

具体的にどんなスタイルシートを記入すればいいのか分かりましたら教えて頂きたいです…。

勉強不足で申し訳ないです…。


3 ● ginpei
●20ポイント

http://www.hatena.ne.jp/1135875211

人力検索はてな - 初めてFireFoxを使い始めたのですが、私の日記のプロフィール画面をブラウザ「FireFox」で表示すると、記事が左に寄ってしまいます。何が原因なのか分かりません。スタイル..

そうですよね、具体的に例示すべきでした。ごめんなさい。


実は Firefox を持っていないのですが、たぶんこんな感じ……。


h2 {

margin: 0 auto 10px;

}

div.body {

margin: 0 auto;

}


というか少し勘違いしていました……本当にすみません。


(ポイントはあわせて一回分になるよう、うまく振り分けて下さい。)

◎質問者からの返答

わー!出来ました!

ありがとうございます!

上の名前(aicon)だけが左に寄っていますが

この場所はh1なのでしょうかね…。

いえいえ初めて質問をした事もあり、

私の質問の仕方が悪かったので

気になさらないでください。

本当に感謝してます!ありがとうございました。

1つ目の回答の方も、どうもありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ