低い解像度でコンテンツをカットするSafari

Question

何らかの理由でthis siteにあると、Safariは1024x768より低い解像度でコンテンツの下部を切り捨てます（まったくレンダリングしません）。私は他のブラウザでこの問題を再現することはできません。私が見つけた唯一の解決策（現在実装している）は#content divにSafariの高さを設定することです。この問題は、コンテンツが動的で、コンテナよりも大幅に短く、コンテンツがほとんどない巨大なコンテナになります。

非常に助かります。私は2日間これを見つめていました。なぜSafariがこれに多くの問題を抱えているのか、私は迷っています。私はそれを修正するCSSとjqueryの両方を変更しようとしましたが、ダイスはありません。

Answer 1

右下に表示されているように見えますか？

これはあなたがやろうとしていること、またはより適切には位置を固定しているように思われます。

あなたが使用しているもののID /クラス確認、フッターに固定された位置にない与えるが：

footer {position:fixed;bottom:0;} 

ああも - あなただけの高さのマージン底DIVコンテンツを与えたいと思うかもしれませんフッター、それはフッターを常に底に置くべきです（それはマックサファリで私のために切り離されてしまいます）。また、フッタの下に行くと内容の下に十分な隙間ができます。

Answer 2

これは、この参照、stylesheet.cssまた

body,html{ 
    height:100%; 
} 

に起因する38行で、あなたのCSSのリセットルールになることがあります。 Stick Footer Issue in Safari & Chrome

は、Safariが問題に扱うようです。