2017-07-10 10 views
0

フッタが私のウェブページの1つに重なっています。他のページはすべて問題ありませんが、このページは重複しています。他のページで作業しているので、フッターを編集/更新する必要はありませんが、このページのCSSコンテナで何かできるかどうか確認したいと思います。フッタが1ページだけ重なっています

CSS

#box { 
    width: 100%; 
    height: auto; 
    margin-top: 20px; 
    position:relative; 
    padding-right:0.4%; 
    float:left; 
    margin-bottom: 10px; 
} 

.boxChildLeft { 
    left: 0; 
    width: 80%; 
    height: 100px; 
    border: 1px solid; 
    margin-bottom: 2px; 
    position: relative; 
    float: left; 
} 

CSSフッタ/ボディなど

html, 
body { 
    margin:0 auto; 
    padding: 0; 
    max-width: 960px; 
    height: 100%; 
    background-color: white; 
} 
#container { 
    min-height:100%; 
    position:relative; 
} 
#header { 
    background:white; 
    padding:10px; 
} 
#body { 
    padding:10px; 
    padding-bottom:40px; /* Height of the footer */ 
} 
#footer { 
    position: absolute; 
    bottom:0; 
    left: 0; 
    right: 0; 
    height:40px; /* Height of the footer */ 
    background:#EBEBEB; 
    border-radius: 5px; 
} 

PHP/HTML

for($temp = 1; $temp <= $cArray[2]; $temp++) 
{ 
    $img .= "<div class='boxChildLeft'> 
      <div class='img'> 
       <img src='../ProductImages/$cArray[0].jpg' width='100px' height='100px'> 
      </div> 
      <div class='prodInfo'> 
        <p1>$pName</p1><br> 
        <span id='sp'><p1>$pPrice<p1> 
        </span> 
      </div> 
     </div>"; 
} 

HTML

<div id="box"> 
    <?php echo $img;?> 
</div> 
+2

実際の情報を手助けできない場合は、フッターコードの一部を提供できますか? – Samuel

答えて

0

あなたの提供する情報が不十分です(あなたのページのコードが十分ではありません)。私はW3schoolのHTMLを使用することをお勧めします。validatorあなたのHTML実装に何が欠けているのかを示します。

関連する問題