Joomler!.net - Decided on Joomla!

Wiki or Wordpress? No it is JContentPlus.

 

Archives

Blog

Demo

Home » Blog » レイアウト崩れ
Feb
13
2010

レイアウト崩れ

EMailPrintPDF
0 votes
Written by:Joomler! 12283 hits

よく、レイアウトが崩れて原因がわからないなどと聞くが、私もレイアウトが崩れて困ることは、たびたびあります。

その時、みなさんどうしますか?

私は以下のようにしています。これを行うためにはそれなりの準備が必要です。

  • Firebugインストールしていますか?
  • IEなら、Firebug Lite, Companion.JS, DebugBar, IE8なら開発ツールを使う。
  • CSSを見やすく表示してくれるもの、UTF-8でだ。

そして、まず

  1. FireBugでその崩れたエレメントを選択してどのようなスタイルが適用されているか確認する。
    大抵、ここで原因がわかる。
    .hoge{}が効いて無くて、#hogehogeが効いている。
    じゃあ、#hogehoge .hogeで効かない?
  2. それでもわからん。
    CSSをエディタで開き下からでも上からでもごっそり半分くらい消してみる。
    元に戻したり消す部分を減らしたりして、原因を探します。 また、複数のスタイルシートを読み込んでいるなら、ひとつずつ消してみる。これらは、実際にやろうと思うと大変そうに思えますが、簡単にできます。
    まず、レイアウトが崩れるページを開いて、ソースを表示します。そしてそのソースをすべてコピーし、hoge.htmlなどと作成したhtmlファイルに保存し、サーバー上または、ローカルサーバー上に置いてそれを開くのです。
    そして、それを編集してテストしてみるわけです。
    これは、たまに問い合わせがあった時でも、該当サイトをローカル上に保存し、同様にテストして使っています。

大抵これらでわかると思います。

 

ADD A COMMENT

Subject*
:
Color Swatch




Email Link Page Code Text Align Center Text Align Justify Text Align Left Text Align Right Text Bold Text Quote Text Italic Text List Bullets Text List Numbers Text Strikethrough Text Underline World Link
Sun Unhappy Smile Evilgrin Wink Tongue Lightning Surprised Grin Rain Clouds Cloudy Snow Waii
Name*
:
EMail*
:
Please answer....
Submit Preview

JContentPlus for Joomla!1.5 powered by Joomler!.net

デル株式会社

Related Items

joomler.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla!(R) name is used under a limited license from Open Source Matters in the United States and other countries.
joomler.net is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.