• ベストアンサー

ブログのスタイルシート

ブログを製作し、 全体のレイアウトが中央になるようにつくったのですが safariでは中央に IEでは左に寄ってしまいます。 問題の原因は IEでは、「中央に寄せて」という指示のスタイルシートを 読み取ってくれないためであると専門の方に聞きましたが、 ネット上では中央レイアウトのブログもあるようです。 どのようにすれば中央レイアウトのブログが出来るでしょうか? ご存知の方がいらしたらよろしくお願いします。

  • umai-
  • お礼率38% (51/132)
  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
noname#56882
noname#56882
回答No.1

margin: auto ;(またはmargin:0 auto ;)をCSSに書かれていますと DTD宣言をしていないと左に配置されてしまいます。その場合は <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> と表記することで中央になります。 "http://www.w3.org/TR/html4/loose.dtd"を書く必要があります。

umai-
質問者

お礼

素早く的確な解答で本当に感謝しております。 ありがとうございました。

その他の回答 (1)

noname#176215
noname#176215
回答No.2

marginの auto設定が入っている為ですね。 strictで記述するなら ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト http://www.mozilla.gr.jp/standards/webtips0004.html こちらが参考になると思います。

umai-
質問者

お礼

素早い対応で今日中にいろいろ試すことができました。 大変感謝しております。ありがとうございました。

関連するQ&A

  • スタイルシートがブラウザによって効かない原因は?

    普通にタグによって作成しているページに、スタイルシートで一括で指定をしています。 ところが、IEではきちんと表示できるのに、Safariではスタイルシートでの指示がはずれてしまいます。 以前、同じ指定で作っていたときは、きちんと表示できていたのですが、原因が究明できません。 スタイルシートの記述は、まったく同じです。Safariの環境設定も同じなのに、前に作ったものは、きちんと表示でき、今回作ったものだと表示できないのです。 IEで表示できるなら大丈夫かな、と、思わないでもないのですが、このような場合の原因をさぐるのは、どうしたらいいのでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • FireFox スタイルシートの設定

    スタイルシートでのレイアウトを考えています。 ところが実際に製作を開始すると、レイアウトができません。 IEでは問題ないのですが、FireFoxがだめなのです。 具体的には[class]を用いると、まったく適用されなくなります。 他にも、[position]が一部だけ適用されたり、背景が適用されたりされなかったりいろいろです。 基本的には、どちらのブラウザでも表示されるようにしたいのです。(スタイルシートを用いて、テーブルは用いないように)なにか解決策はあるのでしょうか? このような問題の解決方法が示されているページなどがありましたら、あわせてお願いします。

  • スタイルシートの使い方について

    最近はじめてブログをはじめたのですが、サイトのタイトル部分を大きくしたくて色々調べててスタイルシートのフォントサイズを使って大きくするすると言うのは分かったのですが、色々操作したのですがそのブログのタイトルだけじゃなく全体的に大きくなってしまいました。そこのタイトルだけを大きくする方法は無いのでしょうか??あと私はスタイルシートのことはさっぱりです。以前にホームページを作ったことがあるのでhtmlはある程度分かります。

  • スタイルシートについて

    スタイルシートについてお尋ねしたいのですが・・・。 下記のようにしてスタイルシートを使用したいのです。 ↓ <table style="position:absolute;top:140;left:170"> スタイルシートはIEのバージョンによって、使えたり使えなかったりするのでしょうか? 私が使用しているIEのバージョンがIE5.5で、同じプログラムをIE6.0で 動作させるとstyleが効いていたり効いていなかったりするのです。 何かわかる方がいらっしゃれば、ご指導ください。

    • ベストアンサー
    • HTML
  • スタイルシートレイアウトで・・

    初めまして。よろしくお願い致します。 先日、知人のHPをテーブルレイアウトからスタイルシートレイアウトで作り直しました。すると、ブラウザでは問題なく見れるのですが、 ホームページ作成ソフトの画面で見ると、大きくレイアウトが崩れています。文字の大きさなどはスタイルシートで設定したとおりです。 ちなみに、元々のHP(テーブルレイアウト)はドリームウィーバー4日本語版というもので作られており、私が作成したものではありません。それを私が、ホームページビルダー10を使って、スタイルシートレイアウトに書き直しました。 いろんなソフトで確認してみると『ビルダー10』のページ編集の画面では、レイアウトの崩れはありません。『ビルダー9』のページ編集の画面でみると右と左に回りこみを指定したのに、文字などが重なってしまいます。 また、『ドリームウィーバー4日本語版』のデザインビュー画面だと文字の大きさ以外のスタイルシートは、全く無視され大幅に崩れてしまって、回り込みなどは全く無視され、下へ下へ書き込んだHTMLソースどおりに表示されます。 『ドーリームウィーバーMX2004』だと左に回り込みを指定した部分だけが崩れて、その部分が左の最下部(フッターよりも下)になっています。 ソフトが違うから崩れるのでしょうか?それともスタイルシートの設定がおかしいのでしょうか?何から修正すればいいのかわかりません。 当方、HP歴はビルダーで1年ほどほぼ独学の初心者です。 うまく説明できなくて、申し訳ありませんがよろしくお願いします。

  • スタイルシートについて

    実は今、はじめてHTMLでホームページを作成しているんですが、スタイルシートってありますよね。HTMLの本とか読んでると、スタイルシートでいろいろ設定した方が良いようなので、そうしたいと思っているのですが、HTMLで本読みながら設定しても、IEで確認するとそれが反映されていないんですよ。ちなみにネットスケープでは反映されるんです。IEのバージョンは5.5なのですが・・・ いったい何がいけないんでしょうか?原因として考えられるとしたら、どのような事が考えられますか?

  • ブログのスタイルシート・CSSについて

    一般のサービスの『EXCITEブログ』でブログを始めようと思っています。 このEXCITEブログの中で公式ブログとして中川祥子など様々な芸能人の方々のオフィシャルブログが存在しています。 そうしたブログのデザインやレイアウト(スキン)は提供されているスキンとは別物で、特殊で見栄えのいいものばかりです。 一般の利用でこうしたレイアウト・デザインのブログを作ることができるのでしょうか?このEXCITEブログはスキンを自分で編集することができるようで、スタイルシート・CSSを利用することで同じようなものが作ることができるのでしょうか? 私はHPを作成、管理をしているのでHTMLをある程度は理解している程度で、CSSなどまだまったく頭にない状況なので、もし勉強の参考になるサイトや支援ツールがあったらご教授おねがいします。

    • ベストアンサー
    • HTML
  • Safariでスタイルシートがなかなか更新されません

    スタイルシートを更新しても、Safariで確認できなくて困っています。Firefox/Netscape/IE/Operaでは更新を確認できました。 Safariですと、キャッシュを空にしたり、何度もページを再読み込みしても一向に反映されません。 Debugモードにしてリフレッシュかけても更新されません。 再起動しても古いままなのでもうお手上げです。 どうしたらスタイルシートが更新されるのかご存知の方回答よろしくお願いいたします。

    • ベストアンサー
    • Mac
  • スタイルシートが、突然使えなくなった。

    ホームページ作りの初心者です。 Win98、IE6を使っています。 HTML、スタイルシートを使ってホームページを作っています。 過去に1個完成させました。 2個目に挑戦し始めたのですが、どうしたわけかスタイルシートの記述が、全くIEに反映しません。 スタイルシートの機能が、壊れてしまったのでしょうか? 1個目のホームページのスタイルシートの部分は、正常に機能しています。 どなたかお分かりの方、教えて下さい。

  • IEで外部スタイルシートが反映されない

    IEで外部スタイルシートが反映されない HPを製作したところ、 Firefoxでは、完璧に外部スタイルシートが適用されていたのですが、 IEでテストしたところ、CSSが全く反映されていてませんでした。 多くの皆さんがしてるように、 ヘッダーに、 <link href="style.css" rel="stylesheet" type="text/css" /> と記述しているのですが・・・ 原因としては何が考えるでしょうか? ご助力願います。

専門家に質問してみよう