ウェブページは、私が新しいページ

私はHTMLとCSSにかなり新しいですので、私と一緒にクマをクリックしたときに、私は私のメインのウェブページ上の異なるページをリンクしようとしていますウェブページは、私が新しいページ

...サイズを変更し、私はページを変更するたびに新しいページ全体が再フォーマットされます。

誰かがそれに伴う問題を知っていますか？

私はオンラインのスティッキーフッターコードスニペットを使用しましたが、それはそのように思われます。私は、ページ全体をワープして、フッターを底に貼り付けるためにページを使いました。

* { 
margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.page-wrap { 
    min-height: 100%; 
    /* equal to footer height */ 
    margin-bottom: -40px; 
} 
.page-wrap:after { 
    content: ""; 
    display: block; 
} 
.main-footer, .page-wrap:after { 
    height: 40px; 
} 
.main-footer { 
    background: orange; 
}

出典

2016-08-02 sidster0

としてあなたのhtml内のブートストラップクラスと親のdivを与えます。 –

私は写真を追加していないようですが、スティッキーフッターを取り出して、画像を使ってページをリンクするだけで、ページ全体を再フォーマットしています。ページを変更すると高さと幅が変わります。 – sidster0

私は問題があなたのhtmlの本文の位置にあると思います。試行コード所与底使用にフッタを固定するためだけでなく

body{ 
    position:fixed; 
    }

その位置を固定し、.main-フッタ、.PAGEラップのCSSを削除する：後と.PAGEラップ：

後

body{ 
position:fixed; 
} 
.page-wrap { 
min-height: 100%; 
} 
.main-footer { 
background: orange; 
position:fixed; 
}

はまた、我々は問題を見ることができますデモのURL /リンクを追加してください

<html> 
<body>  
<div class="container"> 
.... 
</div> 
</body> 
</html>

出典

2016-08-02 06:18:31

まだ動作しませんでした。私はそのコードを取り出しました。今私はページを変更するときだけであるようです。私のリンクを介してページを切り替えると、ボディの高さと幅が変わります。 – sidster0

ウェブページは、私が新しいページ

答えて

関連する問題