ie11で表示すると、footer部分より下部が空白で表示されます。
表示される画面の大きさが1200以上になると空白部分が出てきます。
他のブラウザ、chrome,Edge,opera safari
(ipadair2)だと空白部分は、表示されません。
footerを最下部へ固定するわけではないです。
html
1 2<!-- footer部 --> 3 <!-- フッター --> 4<footer class="footer"> 5 <div class="container_footer"> 6 <ul> 7 <li> 8 <a class="footer-toggle footer-menu">会社案内</a> 9 <ul> 10 <li><a href="#">会社概要</a></li> 11 <li><a href="#">沿革</a></li> 12 <li><a href="#">あいさつ</a></li> 13 <li><a href="#">各部署案内</a></li> 14 </ul> 15 </li> 16 <li> 17 <a class="footer-toggle footer-menu">採用情報</a> 18 <ul> 19 <li><a href="#">採用情報</a></li> 20 <li><a href="#">カレンダー</a></li> 21 </ul> 22 </li> 23 <li> 24 <a class="footer-toggle footer-menu">今が旬</a> 25 <ul> 26 <li><a href="#">今が旬</a></li> 27 </ul> 28 </li> 29 <li> 30 <a class="footer-toggle footer-menu">担当者紹介</a> 31 <ul> 32 <li><a href="#">担当者紹介</a></li> 33 </ul> 34 </li> 35 </ul> 36 37 </div> 38</footer> 39
css
1/*フッター*/ 2footer.footer { 3 display: block; 4 width: 100%; 5 font-family: "MS Pゴシック", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", Sans-Serif, "Meiryo"; 6 font-weight: 100; 7 background-color: #6F787B; 8 color: #fff; 9 margin-top: 30px; 10 /*div.container_footer 終了*/ 11} 12 13
javascript
1$(function() { 2/*フッターアコーディオン*/ 3 var w=$(window).width(); 4 var x=480; 5 if(w<=x) { 6 $(".footer-menu").on("click",function() { 7 $(this).toggleClass("active") 8 .nextAll() 9 .slideToggle(300); 10 }); 11 } 12})
cssなのか、ieの独自仕様なのか他に何が影響しているのか分かりませんでした。
同じような経験をされた方がいらしたら解決策をよろしくお願いします。
「表示される画面の大きさが1200以上」とは横幅のことでしょうか?ウィンドウ高さよりもコンテンツ高さが低いということではないですよね?画像などがないと今の情報だけではなんとも言えないように思います。
回答1件
あなたの回答
tips
プレビュー