2011-05-12 8 views
0

前回のポストで問題に苦しんでいたころ、ウェブ交差の高さが違って別の問題が発生しました。IE FFで高さが違うChrome

例:http://www.sushitaksteeg.nl/secret/template.html

ダウンロード:http://www.sushitaksteeg.nl/secret/Port.rarあなたがスクロールページボタンを押すと

、完全にFFではなく、ChromeとIEでページをスクロールします。

IはStyles.cssをで次のプロパティを設定することによって、これをしなかった:

< - #footer {高さ:870px;} - >

再び私はGoogleとstackoverflowの検索、および試みたCSSリセットされましたが、動作しませんでした..

誰か考えてみませんか?

EDIT

マイクが(parent.scrollで私を助けた)、それは今より良いのですが、それでも私はFFとChromeでのヘッダーとフッターの間に白い線を見ることができる、IEは今良いことを示しています。

これ以上のお役に立てていただきありがとうございます。

+0

クロム11.0.696.65とff 4.0.1で同じ動作になります(ページは下にスクロールします)。 IE 8の動作は異なります(ページはページの一番下までスクロールしませんが、2つのイメージが一致すると停止します)。あなたはどんな振る舞いをしていますか? –

+0

私はそれがIE上でどのように見えるようにしたい:IEで開くhttp://www.sushitaksteeg.nl/secret/template.html FFとChromeでは、ヘッダーとフッターの間に白い線が見えますが、私はそれらをIEのように見せたい。何か案は? ps。私はクロム10.0.648.205、すなわち8.0.7601.17514、FF最も新しいものを使用しています。 – MOTIVECODEX

答えて

1

JavaScriptでwindow.scrollBy()が使用されています。 Chrome/IEでは、parent.scroll()を使用してスクロールできます。あなたの<div id="content"></div><br>タグを削除し、あなたが得るあなたのCSSファイルでので、あなたのコンテンツのdivに38pxの高さを追加し

:(白線との)2つ目の問題を解決するために

+0

windows.scrollBy()をparent.scroll()に置き換えると、Chrome、IE、FFでは何もしません。 *編集* 私は今更新版をアップロードしました。今は良いですが、まだFFとクロムではそれほど良く見えていないので、画像の間に白い線が見えます。それについて私にも情報を提供できますか? parent.scroll()はwindow.scrollBy()よりも優れています。ありがとうございました – MOTIVECODEX

+0

あなたの問題がどこにあるかはわかりません。それは私にとって完璧にうまくスクロールします。唯一の違いは、IEの方がChromeよりも視認できる垂直型クライアントが小さいため、Chromeが95までスクロールしようとすると、ページの下部に当たって95ピクセルをスクロールできなくなることです。私がChromeのウィンドウを小さくすると、うまくスクロールできます。それはFirefoxでも完全に機能します。 –

+0

ご協力いただきありがとうございます!それは私を助けました:Dそれは今またジュールのおかげで動作します:D – MOTIVECODEX

1

#content { 
    height: 38px; 
} 

はあなたが望むものですか?問題は、content-divがその中にあるデータでスケーリングされていることでした。あなたはbrタグを使って正しい高さを得ようとしましたが、それらは標準的な高さを持たず、あなたが使っているブラウザに依存しています。 CSSの高さを指定すると、すべてのブラウザで同じ高さになります(コンテンツが収まる限り、それは縮尺されます(content-divにはCSSプロパティoverflow: hidden;も指定されていません))。

+0

それはIEとFFのために働いた素晴らしい!ありがとうございますが、Chromeではヘッダーとフッターが合わないことがあります。何をすべきか? – MOTIVECODEX

+1

@ F4LLCON私のバージョンのChromeでうまく動作します(11)テストするバージョン10がないので、わかりません。私が考えることができるのは、コンピュータ上のページにクロムがキャッシュされていることだけです。 ctrl + F5を試して、CSSが正しくロードされていることを確認してください。 –

+0

本当に変わっています。私は新しいクロムをインストールしましたが、まだ悪いです。私もctrl + f5と何もない。 * EDIT * @Julesありがとうございました!私はCcleanerですべてを削除しました。今すぐ動作します!あなたが言うように、キャッシュは良くありませんでした...ジュールありがとう! :) – MOTIVECODEX

関連する問題