- 締切済み
ブラウザをＩＥ５．５からIE7に変更。ブログの文字や行間が大崩れしてしまった。
今まではＩＥ５．５だったのをＩＥ７に変更しました。すると今まで使ってたブログの文字サイズが大きくなったり、行間が開きすぎたりと、ブログの記事全体のデザインが崩れてしまったのです。ＩＥ以外のブラウザまで同じように見える必要はありませんが、せめて誰が見ても自分の見てるのと同じような状態にしたいと思ってます。ＣＳＳとかをいじればいいと聞きましたが、どこをいじればいいのかイマイチよくわかりません。ＣＳＳの変更箇所or他に何か良い方法があれば教えていただきたいのですが・・・ちなみに当方のＯＳはウインドウズＸＰＳＰ２で、ブログはＦＣ２です。またＦＣ２の共有テンプレートは「70_gray_3c」になります。以上よろしくお願いします。
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- MockTurtle
- ベストアンサー率26% (93/350)
HTMLの冒頭にある次の宣言文を削れば、IE7でもIE5.5と同じような見え方になる可能性はあると思います。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ただし、あまりお勧めはしません （ ^^； デザインの崩れの原因はブラウザの違い以前に、そのテンプレートで許容している横幅を超える大きな画像を貼っていることが原因である可能性もあります。念のためIE7で下記URLをクリックしてみてください。 共有テンプレート プレビュー http://preview.blog22.fc2.com/?style3=3923&index これが正常に表示されれば、デザインの崩れはokinusimu さんのブログの記事の書き方などに問題がある可能性が高いと思います。 一応私がIE6、IE7、Firefoxで表示してみた（IE5.5は持っていません）限りでは、特に問題は感じませんでした。
どんな場合にでも同じ事が云えますが、IEは独自拡張が多過ぎるので、CSSでもHTMLでも作成や確認はFirefox等のレンダリングを正しく表示するブラウザで実行。 そして、IE向けに表示の拡張をしたい場合は「追加」で・・・ CSSハック等でググって下さい。 HTMLやCSSの知識は「必須」に成るので注意。
お礼
早速の回答ほんとにありがとうございました。HTMLやCSSの知識がほとんどないので、「CSSハックでぐぐれ！」といわれても、ちょっと自分には対応が難しかったです。だけどこれからもう少し勉強したいと思ってます。
- hobbit-m
- ベストアンサー率22% (17/77)
今まで、IE5.5で見ていたのとIE7でみたので、見かけが大幅に変わったということなんですか。 Firefoxとかで見る人も結構いるし、公開側としては、どのブラウザでもそこそこに見えるようにしたいですね。 とはいえ、IE6と7の共存も大変みたいです。 リンク先を見つけました。
お礼
リンク先を見て大変参考になりました。どうもありがとうございます。
お礼
画像のサイズでデザイン崩れというのは、一応わかるつもりです。基本的に今まで使ってたテンプレでは、どうもダメだったみたいです。で、他のテンプレを探してなんとかデザイン崩れの件は解決しました。アドバイスの方、ほんとにありがとうございました。