1

私は学校のプロジェクトに取り組んでおり、簡単なプレゼンテーションWebページを作成する必要があります。問題は、FirefoxではWebページが期待どおりに機能しないのに対し、Chromeやその他のWebKitブラウザーではすべて問題ないことです。

私の問題はここにあります:http://c303.usv.ro/~HPC/(私の問題を見ることができないので、英語の言語を変更しないでください)。Chromeで「Echipamente」に移動すると、「#content」divにいくつかの素敵なスクロールバーがあり、フッターが下部に留まっていることがわかります。Firefoxでこれを行うと、スクロールバーは表示されなくなり、フッターはWebページの表示部分の下のどこかに移動するように見えます。回避策として、次を使用します。

function mozillaFix(){  
    return; // we shouldn't use this
    $('#content').height($('#maindiv').height() - $('#topheader').height() - $('#copynote').height() - 40)
    $('#leftmenu').height($('#maindiv').height() - $('#topheader').height() - $('#copynote').height() - 40)
}

しかし、これはモスのエレガントな解決策ではないと思います。問題はどこにあるのでしょうか?

4

1 に答える 1

0

with Javascript を目的の高さに設定しmax-heightます (私は FireBug to with でテストしましたmax-height: 400px;)。次に、Firefox は適切なスクロールバーを作成し、必要に応じてフッターを表示します。


インターネットで見られるように、解決策は div のコンテナーの高さを定義することです。次の CSS がある場合、動作するはずです。

html, body {
    height: 100%;
}
于 2012-05-26T10:08:01.740 に答える