4

私はウェブページに取り組んできました。実際に画像を使ってデザインし、表ではなく適切な CSS レイアウトを使用しようとしたのはこれが初めてです。

http://www.roccocammisola.com/proj/brunel/bgimage.html

メイン コンテンツ エリアの両側の影に問題がありました。もちろん、これらは IE だけの問題です。ご覧のとおり、影は実際の高さの約 10% にカットされています。

私の経験が比較的浅いため、この問題に関連する修正をどのように探すのですか。

どんな助けでも大歓迎です。

4

7 に答える 7

7

FireBugは、とりわけ CSS をデバッグするための最も重要なツールです。

ここで入手

于 2008-10-27T19:21:48.543 に答える
7

IE Web Developer Toolbar 一般的には firebug ほどではありませんが、IE 固有の問題がある場合に役立ちます。

于 2008-10-27T19:24:26.807 に答える
2

Firebugに加えて、HTML が有効であることを確認することは非常に貴重なツールであり、CSS の問題を最小限に抑えることができます。HTML に誤りがあるため、CSS が正しく機能しない場合があります。不適切に記述された HTML を処理する方法はブラウザごとに異なり、ブラウザ間の CSS の問題のように見える場合があります。バリデーターは、マークアップの間違いを見つけるのに役立ちます。

http://validator.w3.org/

于 2008-10-27T20:27:17.493 に答える
1

あなたの .mainShadowRight CSS クラスは min-height を指定します (これは IE6 では理解されず、IE7 では常に 100% 正しく取得されるとは限りません)

DLarsen が指摘したように、background-image: url(); が欠落しているようです。少し。

于 2008-10-27T19:33:38.927 に答える
1

+1 FireBugの場合

この特定のケースでは、影に対する新しいアプローチを提案したいと思います。現在、あなたはそれらをアイテムとして持っています。通常、このようなものには CSS 背景画像を使用します。

.mainShadowRight {
*/ your other stuff */
url('images/mainShadowRight.gif');
}
于 2008-10-27T19:22:32.177 に答える
0

CSS のデバッグに関するもう 1 つのホットな推奨事項 - CSS Viewer。

これは Firefox のアドオンで、Web ページの要素にカーソルを合わせると、その正確なスタイルを確認できます。おそらくスタイルの継承が原因で、最終的なスタイルが意図したものではないことに気付くことがよくあります。

于 2008-10-28T15:01:56.337 に答える
0

すべての回答をありがとう、トリックを行ったようです。

そこにbg-imageのものがあったことを明確にすべきだったので、アップロードに夢中になったと思います。

FF 用の firebug と Web 開発者バーがあるので、その IE Web 開発者ツールバーもかなり良さそうです。

于 2008-10-27T21:41:45.860 に答える