- ベストアンサー
IEで表示がおかしくなった？
お暇なときで結構ですので分かる方教えて下さい。 今までCSSにてbodyをtext-alignでcenterにしていたので真ん中に全てのデータがよっていたのですが IEのバージョンが変わったせい？なのか不明ですがエンコードの中にドキュメントの方向なる物があり それのせいか？全てではないのですが一部左によってしまう様になりました。 ビルダー等で確認すると真ん中によっているのですがどこが悪いのか全く分かりません。 知りたいのはブラウザの設定のどこを直せば元の位置に戻るのか？ またはホームページ作成時に注意すべき点はなんなのか？ を教えて下さい。m(__)m 宜しくお願い致します。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
td{ text-align: center; } を追加してみてください。 bodyへの指定が、table内に影響（継承）しない物がいくつかあります。 HTMLの書き方（HTMLタグの使い方）はこうした方が良いというものはありますが、 どういう書き方、どういう意味（目的）かがはっきり分かりませんので割愛します。
その他の回答 (3)
- naokita
- ベストアンサー率57% (1008/1745)
表示→互換表示 で直る場合があるが、それは貴方の表示だけの話。 他人からみたら元々左揃えになっている可能性大。 ※言葉で説明するよりソースを提示した方が、ここらの回答者は理解できる・・・ 他人の表示をも変更したいという事ならば、 ブラウザのバージョンや 文章（インライン）の真ん中寄せなのか？ブロックレベルでの真ん中配置なのか？ これらが不明なので、なんとも言えません（推測しかできません）が、 他人の表示をも変更したいという事ならば、 左右スペースを開けるような真ん中配置の事なら： （今現状からの応急処置ですが） -------- CSSで １、 body + div{margin: 0 auto !important;} ２、 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 センター配置」などで調べましょう。 ＞またはホームページ作成時に注意すべき点はなんなのか？ Ａ、 デザインが気になるようになったのなら、次々気になりだしますよ。 今後予想される不具合や余計な時間などを考えると、 初心者用の玩具ソフトなんて使わずに、最初から作り直した方が良いでしょう。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html エラーがわかるはず。 つまり、基本から勉強しながら制作するしかないです。
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
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; }
過去の事例 IE８ではtext-align: center;でdivタグが中央にならない。改善策は？ http://okwave.jp/qa/q5096211.html ｃｓｓについて http://oshiete1.watch.impress.co.jp/qa4989799.html などはご覧になりましたか？ こちらに当てはまらないのであれば、相談内容をもっと具体的に書いてくださればアドバイスできることもあるかもしれません。 いまの相談文ですと、原因が絞りきれなくて具体的なアドバイスは難しいです。
お礼
そうなんですよね。 特にHTMLやCSSに関してはとても勉強不足で・・ 最近ではもう意味すら理解が出来なくなってきています。。 もう少し勉強頑張ります。