2012-02-12 46 views
0

CSSの左上隅にDIVを作成したプライマリHTMLページがあります。それは正常に表示され、期待どおりです。 DIVの中には、追加のページを表示するために使用するiframeがあります。これも正常に動作し、期待どおりに動作します。私の問題は、iframe内のページを下にスクロールしてからスクロールバックすると、div/iframeに "tails"が表示されているか、丸みを帯びた角が残っています。私は、そのページのbodyタグの直後にbackground-colorで別のページにDIVを作成しようとしました。変化なし。 IE9とChromeの両方でこの問題が発生します。誰かが私にこれがなぜ起こるのか、それとも良いのかを説明することはできますか?これを表示しないようにするためには何が必要ですか?またはこれをカバーするサイトに私を案内しますか?とても有難い。角を丸めたdiv内でiframeをスクロールすると、角が丸くなります。

CSS:

#contentDIV{position:fixed;top:3.8em;left:13.5em;right:0;bottom:0;overflow:auto;-moz-border-radius-topleft:.8em;border-top-left-radius:.8em;} 
#contentFRAME{width:100%;height:99%;top:0;overflow:auto;border-width:0;} 

答えて

0

1)ベスト最小限のスタンドアロンのテストケースを作成します。あなたが持っているコードを取り出し、コピーを作り、物を取り除き、保存して、リロードして、繰り返してください。問題が解決されない場合は、それを削除する方法を見つけました。それ以外の場合は、手順2を参照してください。URLの投稿についてわからない場合は、試してみることができます。

2.)問題を大きくしなくても自分自身を切り取る方法を理解できる場合は、しばしば特定の方法でコードを使用する必要があります。他の人が問題を再現できるように最小限のテストケースを投稿してください。

3)あなたができることの1つは、ウェブ開発ツールを使用してCSSルール(Firebug for Firefoxなど)を削除し、特定のルールを無効にして問題が解決するかどうかを確認することです。ルールを無効にしても問題が解決されない場合は、ルールを有効にします。問題は、ほとんどの場合、2つ以上のコード/条件の組み合わせによって引き起こされます。

また、 "body tag"もありません。あなたはbody要素を参照しています。正しい用語を使用することは、2つの理由から非常に望ましいです。まず、プロフェッショナルに見えるようにし、次に、あなたが話していることを誰かが理解できるチャンスを大きくします。タグという用語は、使用されるインスタンスの0.1%にのみ適用されます。実際には、タグ自体ではなく個々のタグを参照します。 「XHTMLでは、メタ要素に終了タグ(<メタ> </meta>)が付いているか、それとも自己終了要素ですか(<メタ/>)?

+0

(私が二重投稿したら私を許して...それは私の最初の応答がアップロードされているようには見えません)返答と提案に感謝します私はあなたの助言に従い、問題を特定するために削除しました。 –

+0

あなたはテストしているブラウザ/バージョン?いくつかのコードを投稿できますか?ファイルごとに別々のチャンク(合計3つ、CSS 1つ、 (iframeのために2つの(X)HTMLがあります)、うまくいけば、あなたのために完全に問題を解決することができます。私は明日の周りにいるだろうが、私は夜のためにクラッシュしています。 – John