こんにちは。
div要素に、
width:730px
margin:0 auto;
を設定しても、
センタリングされません・・・
(文字列が入っています)
URLを張ります。
http://make-template.bbs.fc2.com/
今、テンプレートを作ろうとしているのですが、IE9.0ではセンタリングできません…
ファイやフォックス、グーぐるクロームではちゃんとセンタリングできているのに…
きっとほかにも必要な情報はあると思いますが、
お礼や補足にて細くさせたいただきたいと思います。
回答をお待ちしております。
No.2ベストアンサー
- 回答日時:
doctype宣言の問題です
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
これを使ってください
xml宣言はapacheでおかしくなることがあるのではずしてください
<?xml version="1.0" encoding="UTF-8"?>
doctype宣言に失敗しているのでレンダリングモードが互換モードに入っています
回答ありがとうございます。
上記のドキュタイプ宣言に変更したところ、
無事に解決しました!!
アパッチでXML宣言がおかしくなるとは…
No.1
- 回答日時:
センタリングしたいdivを別のdivでラップしてtext-alignなどで処理します
<style>
div#hoge{
width:730px;
margin:0px auto;
text-align:left;
background-Color:lime;
}
div#wrap{
text-align:center;
background-Color:aqua;
}
</style>
<div id="wrap">
<div id="hoge">test</div>
</div>
すいません…
text-align:center;
が適用されるのはIE6.0のバグだったと記憶しているのですが…
IE6.0対策にはこれでよいと思うのですが…
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- Visual Basic(VBA) Selenium Basicの件 5 2023/04/10 20:55
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
インラインフレームの表示位置...
-
FireFoxで見るとブラウザの幅に...
-
HTMLフォームのSELECTの幅を一...
-
<h1>タグの後の行間を詰めたい。
-
フッターだけが真ん中に行って...
-
文字などを右に寄せるには。
-
テキストボックスの文字を右揃...
-
コードを書いて下さい( ; ; )...
-
右と左の両端に色を付けるには?
-
DIVボックス内でのCSSを使用し...
-
画面サイズ・横1024の場合の表...
-
CSSでテキストを垂直、中央に設...
-
text-alignの解除の方法
-
なぜ左に寄っているの?
-
INPUT TEXT内の文字位置を指定...
-
marginを指定した見出し要素の...
-
H1 タグの行間
-
引用文を囲むボックスの作り方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
インラインフレームの表示位置...
-
コードを書いて下さい( ; ; )...
-
端から端まで横線を引きたい
-
INPUT TEXT内の文字位置を指定...
-
なぜ左に寄っているの?
-
FireFoxで見るとブラウザの幅に...
-
iPhone用のサイトの文字がずれ...
-
<legend>で表示されるタイトル...
-
Formタグのブロックの高さについて
-
macとwindowsのレイアウト崩れ...
-
CSSでh1とその下の文字との行間...
-
Dreamweaverで画面サイズを一定...
-
ホームページビルダー 空白の...
-
text-alignの解除の方法
-
パソコンのみで反映される余白...
-
Firefox 横スクロールバーを表...
おすすめ情報