• 締切済み

IEのみgoogleキャッシュでの表示がずれる

ホームページ制作初心者です。 初めてホームページ(xhtml+css)を自作し、無事、検索にも引っ掛かるようになったのですが、ひとつスッキリしない点があります。 コンテンツ全体を幅指定し、左右のマージンをautoにして中央寄せにしてあるのですが、何故かgoogleキャッシュでそのページを開くと左寄せになってしまいます。 自力で何とかしようといろいろ試しつつ、クロールされる度に確認していますが、改善しません。 また、IE(6.0、7.0)のみの現象で、fire foxとoperaでは同じキャッシュでも意図通りに中央寄せで表示されており、さっぱり原因が分からず、困りはてています。 ちなみに、 ・クロールされた際に新たに変更したcssを読んでもらえるように、htmlでは「***.css?任意の数字」としています。 ・念のため、Another HTML-lint gatewayでのhtmlの文法チェックは100点が出るようにしています。 どうにか解決したいのですが・・。 よろしくお願します。

  • nkkz
  • お礼率50% (1/2)
  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

  • readordie
  • ベストアンサー率57% (66/115)
回答No.1

googleキャッシュだと 文書型宣言の前に「googleキャッシュですよ」って情報を付けてしまうので 過去互換モードになってしまうんじゃないでしょうか。 まあIEのバグなんですけど。 真ん中寄せだけならbodyに IEだけに text-align: center; が適用されるように しておけば大丈夫なんじゃないでしょうか。

関連するQ&A

  • IE6だけ何故か左寄せになります

    現在、Movable Type4.1でコツコツとホームページを作っています。 Movable Type用のテンプレートを作成する前に、XHTMLとCSSでまずページを作り、それをそれぞれのテンプレに作成してからアップロードをしています。 XHTMLの時にIE6ブラウザでチェックすると、問題なく中央揃えになっているのですが、Movable Typeにすると、何故か左寄せになってしまいます。 解決策がないかどうか色々調べてみたのですが、全然見当たりません。 CSSの方は、#wrap という全体を囲むIDに対して margin:0 auto; を設定しました。 *html #wrap{ margin-left:auto; margin-right:auto; } 上記もIE6に対して追加してみましたが、まったく反応なしです。 IE7やFirefox、オペラ、サファリ等はOKなのですが、どうも気になって仕方ありません。 また、Movable Typeを通すと、フォントサイズも大きくなってしまいます。 回避策や解決策などありましたが、教えてください!

  • XHTML+CSSの段組についてです。

    XHTML+CSSでサイト構築をしようとしております。 段組を中央に配置しようとしているのですが、「<?xml version="1.0" encoding="utf-8"?>」を最初に記入すると段組の配置も左側寄せになってしまいます。 <?xml~>を記入しないで、CSSマージンのLeft/Rrightをautoにすればきちんと中央に配置されます。 そこで、<?xml~>を記入して段組を中央に配置するにはどのようにすれば良いのでしょうか?

    • ベストアンサー
    • HTML
  • ie6、ie7 で文字が大きくなってしまう(装飾が無効になる)

    お世話になります。 dreamweaver cs4でホームページを製作しています。以下該当ホームページのソース冒頭部分 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> 今まで問題なく運用されていたホームページなのですが、今回新たに設けたイメージリンクについてcss内で位置を動かした際に問題が起こりました。 文字が極端に大きくなって表示されてしまいます(レイアウトこそ崩れていませんがcssの文字の装飾が一部無効になっているような感じです)。 opera9.64、ie6、ie7で確認を行ったところie6、ie7で起こりoperaでは起こりません。 (dreamweaverのプレビューでは問題ないのですが) イメージの位置を変えるのに試したことは、イメージリンクをdivに入れ子した状態で『#id名 img』にマージンを設定、パディングを設定、『#id名』にマージンを設定、パディングを設定の4パターンです。 結果すべての場合で上記現象が起こりました。 さらに、元に戻すべくその後続けてhtmlとcssを元の状態に編集しなおして再アップしてもなぜかそのままの異常な表示です(もちろん更新ボタンも押してます)。バックアップから上書きすることで正常表示されます。 該当ホームページを掲載するわけにはいかないので聊か抽象的で申し訳ないのですが、このような現象に心当たりがある方はいらっしゃらないでしょうか?よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブルのtext-alignがきかない(IE7)

    お世話になります。初心者ですが、アドバイスいただけると助かります。 宜しくお願いします。 セル内のテキストを中央寄せにしたいのですが、 IE7では、下記のソースだと適用されないで困っています。(左寄せになる) (さらに、テキストに対して十分なwidthがあるのに、途中で折り返されて2行になってしまう) Safari、Firefox、Opera(いずれもMac)はOKでした。 例えば... ●●●●●● とセルの中に表示したいのに、 ●●●● ●● と途中で折り返されてしまう、(widthは余裕があります) CSS th,td.A{ width:30px; height:35px; text-align:center; } HTML <table> <tr> <td class="A"> ●●●●●●</td> </tr> </table>

    • ベストアンサー
    • HTML
  • ホームページを中央表示にしたい

    こんにちは。前の質問にもあったのですが、 Yahooのようにホームページを中央表示させたいのですが、 W3Cの基準に沿ったホームページ作りを目指しているので、 tableでレイアウトはできません。 また、XHTMLは勉強していないので分からないのですが、 HTML(CSS)で、中央表示させることはできないでしょうか? もし無理なら、XHTMLとHTMLを一緒に使う事はできるのか 教えていただけませんか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • yahooの検索が変です。。

    yahooの検索ウェブだけ 中央寄せになります 知恵袋などは左寄せなのに。。。 ブラウザはOPERAですがIEでも同じ現象です  再起動してもダメでした。 グーグルは通常通り左寄せでした 寝ている間に枕でキーボードを踏んでいたのでそれが原因だと思ってるんですが誰か分かる方いるでしょうか。

  • cssで、全体を中央寄せ、文字は左寄せにする方法

    CSSで、全体を中央寄せにしつつ、全ての文字を左寄せにする方法を教えてください。 bodyにtext-align: centerを設定し、 #outline{ width:1200px; margin-right:auto; margin-left:auto; text-align:left; } .content{ float:left; width: 1200px; } と書き、<div id="outline"><div class="content">で全体を囲みました。 すると、大方できたのですが、h要素のみずれてしまいます。 (h1は全体に対する左寄せ、h2は全体に対する中央寄せとなってしまいました・・・) h要素は色とフォントサイズを指定したのみです。 CSSについて自体あまり詳しくないので、なぜこうなってしまっているのかわかりません。 どのようにすれば、他と同じく中央左寄せにすることができるでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • html 中央寄せ。

    ホームページを作っています。 今、左寄せになっています。 それを中央寄せにしたいのです。 一発(1.2フレーズ)でできる方法を知りませんか? サイトURLを教えてください。 御多忙中恐縮です。 ご回答のほど、宜しくお願い申し上げます。

    • ベストアンサー
    • HTML
  • ホームページをブラウザの中央に表示したい

    作成したHPをブラウザの中央に表示したいのですが 現在は左寄せで表示されてしまいます。 ご存じの方がいらっしゃたら教えてください。 作成ソフトはホームページビルダー13で、 どこでも配置モードです。 DCCTYPEの設定は以下の内容に変更しております。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • XHTMLでオブジェクトを画面中央に置く方法

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

    • ベストアンサー
    • HTML

専門家に質問してみよう