0

私は私のページを中央に置くことを可能にする次のCSSを持っています

#mainholder {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    background-color:#FFFFFF;
    min-height:1100px;
    z-index:1;
    clear:both;
}

#mainholder div内に、コンテンツの高さを増減するデータを含む別のDIVがあります。CSSは以下のとおりです

#maincontentdiv {
    position:absolute;
    width:955px;
    min-height:795px;       
    border-style:solid;
    border-width:thin;
    border-collapse:collapse;
    left:10px;
    top: 135px;     

}

私が抱えている問題は、＃maincontentdivが期待どおりに伸びているのに、＃mainholderが#maincontentdivの内容で伸びていないことです。この問題を解決する方法や、他にどのようなオプションがあるのか​​知りたいです。

すべての助けは大歓迎ですありがとう

編集

要求に応じて、ここにHTMLコードがあります

<div id="mainholder">
  <div id="topnavbar">
    <div id="navlinks">

    </div>

  </div>
  <div id="messagediv">

  </div>
  <div id="maincontentdiv">
    <table width="100%" border="0">
      <tr bgcolor="#507CD1">
        <td width="19%">Grant ID</td>
        <td width="61%">Grant Description</td>
        <td width="20%">Manage</td>
      </tr>
      <?php 
      $select = " SELECT QUERY THAT WILL CHANGE THE LENGTH OF THE DIV DEPENDING ON RESULTS

";
     $query = sqlsrv_query($conn,$select,array(),array("Scrollable"=>SQLSRV_CURSOR_STATIC))or die(print_r(sqlsrv_errors()));
     while($row=sqlsrv_fetch_array($query))
     {
        //variables
       ?>
      <tr>
        <td><?php echo $variable ?></td>
        <td><?php echo $variable ?></td>
        <td>&nbsp;</td>
      </tr>
      <?php }?>
    </table>
  </div>
  <br style="clear:both"/>
</div>
4

1 に答える 1

1

あなたはposition:absoluteあなたの内側のdivのために持っています。したがって、その位置は親divに影響しません。

#maincontentdiv {
    position:absolute;
    width:955px;
    min-height:795px;       
    border-style:solid;
    border-width:thin;
    border-collapse:collapse;
    left:10px;
    top: 135px;     

}

これをに変更します

#maincontentdiv {
    position:relative;
    width:955px;
    min-height:795px;       
    border-style:solid;
    border-width:thin;
    border-collapse:collapse;
    margin-left:10px;
    margin-top: 135px;     
}

それでも問題が解決しない場合はお知らせください。

于 2012-11-12T06:56:25.387 に答える