1

クライアント向けに音楽 Web サイトを作成しており、ナビゲーション中に音楽プレーヤーが中断されないように、単一のページ レイアウトを使用しようとしています。各セクションの div で css 属性の overflow:hidden を使用しましたが、何らかの理由で、overflow:auto 要素を使用して内部に別の div をネストすると認識されません。コメント、投稿、画像のサムネイルなど、1 ページに収まらないコンテンツが計画されているため、これは問題です。

このページはここにあります: http://www.dennispiano.com

そして私のテストサーバー（いくつかの展開されていないコンテンツを含む）はここにあります：http://205.209.87.168/DennisMusic/index.php

私が話していることの例は、画像セクションです（テストサーバーリンク上、まだライブサイトに展開されていません）

関連する HTML

<div class="contentbody">

<div id="images" class="pageSection">
     <h1 style="padding:0 0 0 10px; background-color:#00c7c0;">
     <img src="images/pageAssets/images.png" alt="Home" height="25" width="83" /></h1>
     <?php include('lib/php/thumbnails.php'); ?>
</div>

<!-- end .contentBody --></div>

関連する PHP 

//Variable Declaration (remove after xml structure creation)
$images=80;
$thumblimit=5;
$imagelines=($images/$thumblimit);

//

echo '<div class="sectionContent">'; //<-- busted content scrolling div
//Display Thumbnail tiles
for($i=0;$i<$imagelines;$i++) {

     echo '<div>';
     for($ii=0;$ii<$thumblimit;$ii++) {
          echo '<div style="display:block; margin:0 10px 0 10px; border:1px solid #fff;     background-color:#c90; width:50px; height:50px; float:left;"></div>';
     }
     echo '</div><br /><br /><br /><br />';

}

echo '</div>';

?>

関連CSS

.contentBody {
    overflow:hidden;
}

.pageSection {
        width:100%;
        min-height: 700px;
        display:block;
}

.sectionContent {
        overflow:auto;
        display:block;
        width:100%;
}
4

0 に答える 0