プロが教える店舗&オフィスのセキュリティ対策術

お暇なときで結構ですので分かる方教えて下さい。
今までCSSにてbodyをtext-alignでcenterにしていたので真ん中に全てのデータがよっていたのですが
IEのバージョンが変わったせい?なのか不明ですがエンコードの中にドキュメントの方向なる物があり
それのせいか?全てではないのですが一部左によってしまう様になりました。
ビルダー等で確認すると真ん中によっているのですがどこが悪いのか全く分かりません。

知りたいのはブラウザの設定のどこを直せば元の位置に戻るのか?
またはホームページ作成時に注意すべき点はなんなのか?

を教えて下さい。m(__)m
宜しくお願い致します。

A 回答 (4件)

td{ text-align: center; }



を追加してみてください。

bodyへの指定が、table内に影響(継承)しない物がいくつかあります。
HTMLの書き方(HTMLタグの使い方)はこうした方が良いというものはありますが、
どういう書き方、どういう意味(目的)かがはっきり分かりませんので割愛します。
    • good
    • 0

表示→互換表示


で直る場合があるが、それは貴方の表示だけの話。
他人からみたら元々左揃えになっている可能性大。

※言葉で説明するよりソースを提示した方が、ここらの回答者は理解できる・・・

他人の表示をも変更したいという事ならば、
ブラウザのバージョンや
文章(インライン)の真ん中寄せなのか?ブロックレベルでの真ん中配置なのか?
これらが不明なので、なんとも言えません(推測しかできません)が、
他人の表示をも変更したいという事ならば、

左右スペースを開けるような真ん中配置の事なら:
(今現状からの応急処置ですが)
--------
CSSで
1、 
body + div{margin: 0 auto !important;}
2、 
body + div + div{margin: 0 auto !important;}
--------
のどちらかをCSSに設置すると解決すると思う。
つまり、bodyの次のdivかもしれないし、その次かもしれない。HTMLソースを見ないと不明

本当は、
(応急処置ではなく、書き直しが必要)
今現在、過去モードだと思うから、(もしくはxml宣言付きのXHTMLかな?)
標準モードに変更して、text-align:center;なんて使わない。
コンテンツ全体を囲う最外包のdivを
div{margin: 0 auto; width: ~~~px;}
 ↑ id="" で指定。で解決する。(定番設定です)

詳しくは、「CSS センター配置」などで調べましょう。

>またはホームページ作成時に注意すべき点はなんなのか?
A、
デザインが気になるようになったのなら、次々気になりだしますよ。
今後予想される不具合や余計な時間などを考えると、
初心者用の玩具ソフトなんて使わずに、最初から作り直した方が良いでしょう。
http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
エラーがわかるはず。
つまり、基本から勉強しながら制作するしかないです。
    • good
    • 0
この回答へのお礼

そうなんですよね。
特にHTMLやCSSに関してはとても勉強不足で・・
最近ではもう意味すら理解が出来なくなってきています。。
もう少し勉強頑張ります。

お礼日時:2013/04/25 23:35

No.2です。



No.2の回答はただの推測です。
もしtableを使っていないなら、どういう書き方をしているか提示していただければ、的確な回答が出せるかもしれません。

この回答への補足

ご回答ありがとうございます。
どうやらおっしゃる通りtableタグが関係してた様です。
tableタグ前にcenterを入れたら一応直るのですが、
CSS等で一括で直せれば・・と・・簡易的に考えています。

HTML文。

<body>
<table width="800">
<tbody>
<tr>
<td width="336" valign="top">左に</td>
<td width="301" valign="top">適当<BR>真ん中辺り <BR>真ん中辺り</td>
<td valign="bottom" width="163">右側へ</td>
</tr>
</tbody>
</table>
<hr>
あああ
<hr>
<table border="0" width="800">
<tbody>
<tr>
<td>いい</td>
</tr>
</tbody>
</table>
</body>


CSS内
body {
font-size:12px;
margin:0px;
padding:0px;
text-align:center;
color:#000000;
}

補足日時:2013/04/25 23:33
    • good
    • 0

過去の事例


IE8ではtext-align: center;でdivタグが中央にならない。改善策は?
http://oshiete.goo.ne.jp/qa/5096211.html

cssについて
http://oshiete1.watch.impress.co.jp/qa4989799.html
などはご覧になりましたか?

こちらに当てはまらないのであれば、相談内容をもっと具体的に書いてくださればアドバイスできることもあるかもしれません。

いまの相談文ですと、原因が絞りきれなくて具体的なアドバイスは難しいです。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!