WordPress上で表示されるボックスが、一部のIE11でheightの数値が無視されauto状態になります。
それに伴って、heightがauto状態ですのでoverflowも効いていません。
すべてのIE11でheightの数値が無視される訳ではなく、正しく表示されるものもあり、正しく表示されない
環境を再現することができません。X-UA-Compatibleで互換制御もしています。
FirefoxやChrome、Safari、Android、iPhoneでは問題なく表示されます。
一部のIE11でしか起きない状況が全くわかりません。
以下該当箇所の記述(抜粋)になります。
#easy_tab_plg{margin-bottom: 15px;border: 4px solid #1C1C1C; width: 100%; /* background: none repeat scroll 0 0 #000000; */} .content-wrapper{margin-top: 15px;} .no-padding-left{padding-left: 0px;} .tab-container .panel-container { /* border: solid #666 1px; */ padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } .panel-container {background:#ffffff; height:325px; overflow:auto; /* margin-bottom: 10px; min-height: 100px; */} .panel-container a{color: white;} .panel-container ul{margin:0; padding:0;} .panel-container ul li{border-bottom: dotted 1px; padding: 5px;list-style: inside;list-style-image:url('images/icon/etab-arrow.png');} .panel-container ul li:hover{background:#c0c0c0;} .panel-container ul li a{color: #000;}
<div class="content-wrapper"> <div class="col-lg-8 no-padding-left"> <div class="row"> <?php if (is_front_page()): ?> <div id="easy_tab_plg"> <div id="tab-container" class='tab-container'> <ul class='etabs'> <li class='tab m-news'> <a href="#tabs1-news">ニュース <span class="sub-heading">News</span></a> </li> </ul> <div class='panel-container'> <div id="tabs1-news"> <?php $my_query4 = new WP_Query('cat=5'); ?> <ul> <?php if ($my_query4->have_posts()) : ?> <?php while ($my_query4->have_posts()) : $my_query4->the_post(); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endwhile; ?> <?php endif; ?> </ul> </div> </div> </div> </div> <?php endif; ?> </div> </div> </div>
素人同然ですので、とんでもなくバカな質問をしているかもしれませんが、
何卒ご教授お願いいたします。
回答1件
あなたの回答
tips
プレビュー