0

私が現在取り組んでいる Web サイトは、フッターに関してはまったく問題なく動作しますが、iPad の Safari で Web サイトを表示すると、フッターがページの下部のかなり上に配置され、1 時間試行錯誤した後、私はどこにも速くは行かない。誰かがこの問題を抱えていて、問題を解決するためにあなたが何をしたかを説明することで、おそらく私を助けてくれることを願っていました.

これは私の HTML の基本的なマークアップです。

<html>
<body>
    <form>
        <iframe></iframe> <!-- This is where the different pages are set -->
    </form>
    <footer>
    </footer>
</body>
</html>

ここにCSSがあります

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

.footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:40px;   /* Height of the footer */
   background:#6d8085;
}

クロム

ここに画像の説明を入力

iPad

ここに画像の説明を入力

助けてくれてありがとう!

4

1 に答える 1

1

試行位置:固定;

またはCSS宣言で高さをmin-heightに変更します

基本的に、あなたのコンテンツはあなたのページから覗いています。これを確認するには、body{background-color:red;}を追加します。

于 2013-09-19T15:08:21.297 に答える