2009年06月08日

レイアウト崩れ

実は、弊社のHPですが、レイアウト崩れを起こしておりました。

IE6では普通に表示できるのですが、IE7、8になるとレイアウト崩れが発生しておりました。

僕はWEB技術者ではないので、ちょっと悩みましたが、

ブラウザというのは結構複雑な動きで、
HTML言語やCSSその他の言語を読み込んで翻訳して、
そして人間が見てもわかるページにしているわけです。

ですので、
いろいろな会社が作ったブラウザがあるのですが、
ブラウザによってHTMLやCSSの解釈が違うと、
レイアウトが崩れてしまうわけです。

そしてその中でも、
IEは特に独自の解釈でWEBを表示させているということで、
WEB技術者のあいだではかなり不評だったようです。

そこでIE8からはこれを解消しようとして、
HTMLやCSSの標準規格に従って表示させるようにしたようなのです。

そこで問題発生、
今までは標準規格にのっとっていなかったので、
それに併せて作成したホームページがレイアウト崩れを起こすという事態になったのです。

弊社のホームページもレイアウト崩れを起こしていたというわけです。

なんとか修復しました。

解決方法はCSS内で指定している
各タグのポジションや幅、高さ、マージンこれを見直すことです。
レイアウト崩れはだいたいこれで修復できるんじゃーないでしょうか?

私はそれで修復できました。

あーーよかった。

trackbacks

trackbackURL:

comments

本日はカットに来て頂きありがとうございます!

いつも楽しくカットさせていただいてます(^0^)

なかなか専門的なHPでビックリしました・・・


またおじゃまさせていただきます。。。

店長でした

  • ヘアモードモリシマ
  • 2009年06月10日 19:42

早速の訪問ありがとうございます。

HPは今まで、適当に作ったバリバリ素人が作りました的なものしかなかったんですが、
ちょっと気合い入れて作りました。
まだ未完ですけど。。。

企業のHPなのであまりふざけることはできないので、
ちょっと専門的な作りにしましたが、
どこかにユーモアを入れたかったので秘密の入り口作りました。
気づいた人はおもしろいものがみられます。

店長、これからもカットをよろしくお願いします。
またちょくちょくブログに訪問させていただきます。

comment form

(川井産業(KIJ) Blog にはじめてコメントされる場合、不適切なコメントを防止するため、掲載前に管理者が内容を確認しています。適切なコメントと判断した場合コメントは直ちに表示されますので、再度コメントを投稿する必要はありません。)

comment form