お暇なときで結構ですので分かる方教えて下さい。
今までCSSにてbodyをtext-alignでcenterにしていたので真ん中に全てのデータがよっていたのですが
IEのバージョンが変わったせい?なのか不明ですがエンコードの中にドキュメントの方向なる物があり
それのせいか?全てではないのですが一部左によってしまう様になりました。
ビルダー等で確認すると真ん中によっているのですがどこが悪いのか全く分かりません。
知りたいのはブラウザの設定のどこを直せば元の位置に戻るのか?
またはホームページ作成時に注意すべき点はなんなのか?
を教えて下さい。m(__)m
宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
td{ text-align: center; }
を追加してみてください。
bodyへの指定が、table内に影響(継承)しない物がいくつかあります。
HTMLの書き方(HTMLタグの使い方)はこうした方が良いというものはありますが、
どういう書き方、どういう意味(目的)かがはっきり分かりませんので割愛します。
No.4
- 回答日時:
表示→互換表示
で直る場合があるが、それは貴方の表示だけの話。
他人からみたら元々左揃えになっている可能性大。
※言葉で説明するよりソースを提示した方が、ここらの回答者は理解できる・・・
他人の表示をも変更したいという事ならば、
ブラウザのバージョンや
文章(インライン)の真ん中寄せなのか?ブロックレベルでの真ん中配置なのか?
これらが不明なので、なんとも言えません(推測しかできません)が、
他人の表示をも変更したいという事ならば、
左右スペースを開けるような真ん中配置の事なら:
(今現状からの応急処置ですが)
--------
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. …
エラーがわかるはず。
つまり、基本から勉強しながら制作するしかないです。
そうなんですよね。
特にHTMLやCSSに関してはとても勉強不足で・・
最近ではもう意味すら理解が出来なくなってきています。。
もう少し勉強頑張ります。
No.3
- 回答日時:
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;
}
No.1
- 回答日時:
過去の事例
IE8ではtext-align: center;でdivタグが中央にならない。改善策は?
http://oshiete.goo.ne.jp/qa/5096211.html
cssについて
http://oshiete1.watch.impress.co.jp/qa4989799.html
などはご覧になりましたか?
こちらに当てはまらないのであれば、相談内容をもっと具体的に書いてくださればアドバイスできることもあるかもしれません。
いまの相談文ですと、原因が絞りきれなくて具体的なアドバイスは難しいです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- その他(ブラウザ) Edge internet explorer モードのサイトの再読み込みを許可 表示されない 2 2023/03/03 12:10
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- InternetExplorer(IE) Microsoft edgeのIEモードを解除したいのですが。 3 2023/04/09 13:51
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<h1>タグの後の行間を詰めたい。
-
FireFoxで見るとブラウザの幅に...
-
aタグに直接style=""で:hoverを...
-
CSSのtransform: translate(-50...
-
INPUT TEXT内の文字位置を指定...
-
インラインフレームの表示位置...
-
テキストボックスの文字を右揃...
-
macとwindowsのレイアウト崩れ...
-
paddingを指定するとwidthやhei...
-
コードを書いて下さい( ; ; )...
-
CSS セルごとリンクにする際、...
-
中央揃えで真ん中にきた文字列...
-
可変でサイト全体を中央に配置...
-
なぜ左に寄っているの?
-
ページ左右上下の余白。
-
htmlのタグ間の謎の空白
-
css。横並びBOXに長文textを流...
-
CSS(スタイルシート)で画像の縦...
-
IBMのホームページビルダー10で
-
HTMLフォームのSELECTの幅を一...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
インラインフレームの表示位置...
-
コードを書いて下さい( ; ; )...
-
端から端まで横線を引きたい
-
INPUT TEXT内の文字位置を指定...
-
なぜ左に寄っているの?
-
FireFoxで見るとブラウザの幅に...
-
iPhone用のサイトの文字がずれ...
-
<legend>で表示されるタイトル...
-
Formタグのブロックの高さについて
-
CSSでh1とその下の文字との行間...
-
Dreamweaverで画面サイズを一定...
-
macとwindowsのレイアウト崩れ...
-
ホームページビルダー 空白の...
-
text-alignの解除の方法
-
パソコンのみで反映される余白...
-
Firefox 横スクロールバーを表...
おすすめ情報