初めまして。
今、独学でサイトを作成しているのですが、フッターを固定するやり方がどうもうまくいきません。
調べて、いろんなやり方を試すも、結局うまくいかず...。
出来たと思ったら、次はコンテンツに重なってしまいます。
わかる方、お答え頂けると助かります。
※HTML5とCSS3のみ使用しています。
以下、現在のコードです。
必要だと思う部分のみ記載させていただいております。
lang
1<body> 2 <div id="back_ground"> 3 <header>・・・・・</header> 4 <div id="middle"> 5 <!--この中にコンテンツ--> 6 </div> 7 <footer> 8 <div class="footer-inner"> 9 <p>| <a href="">TOPへ</a> |</p> 10 <p>Copyright © All Rights Reserved.</p> 11 </div> 12 </footer> 13 </div> 14</body>
lang
1/*----- 基本設定 -----*/ 2html , body { 3 height: 100%; 4 width: 100%; 5 margin: 0; 6 padding: 0; 7} 8html { 9 height: 100%; 10 overflow-y: scroll; 11} 12#back_ground { 13 width: 100%; 14 position: relative; 15 min-height: 100%; 16 background-color: #fff; 17 text-align: center; 18} 19#middle { 20 width: 920px; 21 margin: 30px auto; 22 overflow: hidden; 23 background: #fff; 24 border: #ccc solid 3px; 25} 26footer { 27 width: 100%; 28 height: 100px; 29 text-align: center; 30 position: absolute; 31 bottom: 0; 32 background-color: #ffd8b2; 33} 34footer .footer-inner { 35 height: 100px; 36 background-color: #ffd8b2; 37 text-align: left; 38 margin: 0 auto; 39 width: 920px; 40}
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/04/13 07:55