• ベストアンサー

IEで表示がおかしくなった？

お暇なときで結構ですので分かる方教えて下さい。 今までCSSにてbodyをtext-alignでcenterにしていたので真ん中に全てのデータがよっていたのですが IEのバージョンが変わったせい？なのか不明ですがエンコードの中にドキュメントの方向なる物があり それのせいか？全てではないのですが一部左によってしまう様になりました。 ビルダー等で確認すると真ん中によっているのですがどこが悪いのか全く分かりません。 知りたいのはブラウザの設定のどこを直せば元の位置に戻るのか？ またはホームページ作成時に注意すべき点はなんなのか？ を教えて下さい。m(__)m 宜しくお願い致します。

  • CSS
  • 回答数4
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

td{ text-align: center; } を追加してみてください。 bodyへの指定が、table内に影響（継承）しない物がいくつかあります。 HTMLの書き方（HTMLタグの使い方）はこうした方が良いというものはありますが、 どういう書き方、どういう意味（目的）かがはっきり分かりませんので割愛します。

その他の回答 (3)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.4

表示→互換表示 で直る場合があるが、それは貴方の表示だけの話。 他人からみたら元々左揃えになっている可能性大。 ※言葉で説明するよりソースを提示した方が、ここらの回答者は理解できる・・・ 他人の表示をも変更したいという事ならば、 ブラウザのバージョンや 文章（インライン）の真ん中寄せなのか？ブロックレベルでの真ん中配置なのか？ これらが不明なので、なんとも言えません（推測しかできません）が、 他人の表示をも変更したいという事ならば、 左右スペースを開けるような真ん中配置の事なら： （今現状からの応急処置ですが） -------- 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 エラーがわかるはず。 つまり、基本から勉強しながら制作するしかないです。

kofuchin
質問者

お礼

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

回答No.3

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

kofuchin
質問者

補足

ご回答ありがとうございます。 どうやらおっしゃる通り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; }

noname#187595
noname#187595
回答No.1

過去の事例 IE８ではtext-align: center;でdivタグが中央にならない。改善策は？ http://okwave.jp/qa/q5096211.html ｃｓｓについて http://oshiete1.watch.impress.co.jp/qa4989799.html などはご覧になりましたか？ こちらに当てはまらないのであれば、相談内容をもっと具体的に書いてくださればアドバイスできることもあるかもしれません。 いまの相談文ですと、原因が絞りきれなくて具体的なアドバイスは難しいです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • 特定の文字行だけを左詰で表示する

    cssファイルで body {text-align: center;} としている場合、htmlファイルでbodyの中の特定の文字行だけを左詰で表示するにはどうしたらよいのでしょうか。

    • ベストアンサー
    • HTML
  • cssを作成したい初心者です☆

    こんにちわ☆ ホームページを作成したい初心者です。htmlをある程度学ぶことができ、今度はcssに超背印してみようと思うようになりました。 そこで、htmlにCSSが反映されるように、テキストエディットに <link rel="stylesheet=" href="style.css">を書きました。CSSの方は、 h1, h2{ font-size: 30px; } h1{ text-align: left; } h2{ text-align: center; } を入力して、h2の文字の位置がブラウザ上で真ん中になるようにしたいのですが、確認したところ、思ったように反映されていなくて困っています。CSSの保存名は「style.css」にして拡張子もCSSにしたのですが・・・。 どのようにすればCSSで作ったものが反映されるようになるのか、教えてくださいっ。

  • テーブル内で均等表示させたい

    IE6のブラウザで、スタイルシートのtext-align:justifyをテーブル内で使うと正しく均等表示にならずに左詰になります。 body直下なら問題なく表示されますが、これは仕様でしょうか？ テーブル内で均等表示させたいです。

    • ベストアンサー
    • HTML
  • IE以外は色が付かない　なぜ？

    <html> <head> <title>test</title> <style type="text/css"> } #zentai{ width: 850px; margin: 0 auto; text-align: left; background-color:red; } </style> </head> <body> <div id="zentai"> test <div> </body> </html> このコードを実行するとＩＥだと、色が赤くなるのですが スレイプニルやグーグルのブラウザだと何も色が付きません。 なぜでしょうか？

    • ベストアンサー
    • HTML
  • テーブルを中央に表示させる場合

    cssでテーブルを中央に表示させる場合、 http://www.1uphp.com/con1/table/align-center.html のサイトでいうと、 １．<div>の中身をtext-align:center;で中央に表示 ２．中央表示されないブラウザ(FirefoxOpera)に対してmargin-方向:auto;を設定 のどちらの方法で指定したほうがいいのでしょうか？ 万人向けのサイトを作ってるのでブラウザはまちまちなのですが そのような場合のタグの書き方を教えてください。

    • ベストアンサー
    • CSS
  • XHTMLでオブジェクトを画面中央に置く方法

    オブジェクトをブラウザの画面中央に置きたいのですが、これのうまいやり方が分かりません。XHTMLに準拠し、CSSもきちんと使いたいので「縦幅・横幅100%で縦横中央寄せにしたテーブルの中に置け」というやり方は使いたくありません。というよりXHTMLに準拠した場合、テーブルに限らず全てのタグにおいて、縦幅をいっぱいに広げるということはできないみたいです。横位置を中心にするにはCSSでtext-align: center;でできますが、これの縦にあたる記述法はありません。縦方向の中心にセットするにはどうしたら良いのでしょうか

    • ベストアンサー
    • HTML
  • align="middle"が無視される　TOPに

    <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title lang="ja">文書タイトル</title> </head> <body> <div style="text-align:center;" style="font-size:400%;"> <IMG SRC="http://pic.prepics-cdn.com/sugarcherry/21910244.jpeg" WIDTH=100 HEIGHT=100 align="middle"> test <IMG SRC="http://pic.prepics-cdn.com/sugarcherry/21910244.jpeg" WIDTH=100 HEIGHT=100 align="middle"> </div> </body> </html> これをブラウザで表示すると、align="middle"とやってるのに、画像のように文字がTOPの位置に表示されてしまいます。 <div style="text-align:center;" style="font-size:400%;"> がなければ、文字は画像のど真ん中に表示されるのですが、 font-size:400%;はまだしも、画像もブラウザの真ん中に表示させたいので <div style="text-align:center;"で画像と文字を挟みたいです。 どうすれば、画像＆文字をブラウザの真ん中に表示させつつ、文字を画像の真ん中に表示できるのでしょうか？

    • ベストアンサー
    • HTML
  • タイプライタ風の文字を真ん中にもってきたい

    タイプライタ風の文章をセンターにもってきたいのですが、 どうしても左によってしまいます。 ブラウザの大きさを変えても常に真ん中に もってくる方法はありますでしょうか。 失敗例としては、 <DIV id="type" style="text-align:center; position:absolute; このようにtext-align:center; を入れても タイプライター風な出方がくずれてダメでした。 どうぞよろしくお願いいたします。

  • pタグのCSSがすべてに適用されてしまいます。

    趣味でHPをつくっているのですが、 外部のCSSファイルに p {text-align: left;}と記述して、 文章をすべて左揃えにしたのですが、 中には中央揃えにしたいテキストや画像があります。 これを個別に指定して、 真ん中ぞろえにするには外部CSSファイルにどういった 記述をして、HTMLないになんとかけばいいのでしょうか？ お詳しい方よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ieでだけ背景画像が表示されません

    internet explorerのすべてのバージョンにおいて、背景画像が反映されません。firefoxやopera、safariでは問題なく反映されます。 HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=Shift_JIS"> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body background="haikei.jpg"> てすと </body> </html> CSS: body {font-family:"ＭＳ Ｐゴシック";background-image:url(haikei.jpg);background-repeat:repeat;} なにが問題なのかわかる方、教えてください。よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する