可調整的表格區域PHP

我試圖一次展示很多結果（如25），但是我的程序將第5個記錄的結果切割成面積仍然可用的結果，結果在表格中創建，但似乎是該區域不acccordingly擴大可調整的表格區域PHP

<div id="contenido" class="contenido"> 

<div id="Tabs"> 
<ul style="cursor:pointer;"> 
<li id="li_tab1" onclick="tab('tab1')" > 
      <a>&Uacute;ltimas alertas</a> </li> 
    <li id="li_tab2" onclick="tab('tab2')"> <a>otras</a> </li> 
</ul> 

<div id="Content_Area"> 

    <div id="tab1"> 
     <p class="notas">Showing last alerts</p> 
     <table> 
      <tr> 
       <td style="color:blue">Alert</td> 
       <td style="color:blue">User</td> 
      </tr> 
      <?php 
       while ($row = $result->fetch_array()){ 

        echo "<tr><td>".$row['DESCRIPTION']."</td>"; 
       echo "<td>".$row['EMAIL']."</td>"; 
       echo "<td>".$row['SUB_SECCION']."</td></tr>";     
       } 
      } 
      else 
       echo "error on query: ".$conx->error; 
      }//else 
      ?> 
     </table>   
    </div> 

    <div id="tab2" style="display: none;"> 
     <!-- We set its display as none because we don’t want to make this 
      tab visible by default. The only visible/active tab should 
      be Tab 1 until the visitor clicks on Tab 2. --> 
     <p>This is the text for tab 2.</p> 
    </div> 

    </div> <!-- End of Content_Area Div --> 
    </div> <!-- End of Tabs Div --> 

    </div>

CSS創建標籤，但目前只有第一個具有表中的其他文本只是一條線，但該表是這個標籤的div 檔案館CSS

內

.contenido { 
color: black;/*#333*/ 
background-color: #F2F2E6; 

margin: 0px 0px 5px 0px; 
padding: 10px; 
border: 1px solid #ccc; 

width: 75%;/*678px;*/ 
height: 480px; 

float: right; 
display: inline; 
} 

    #Tabs ul { 
padding: 0px; 
margin: 0px; 
margin-left: 10px; 
list-style-type: none; 
    } 

    #Tabs ul li { 
display: inline-block; 
clear: none; 
float: left; 
height: 24px; 
    } 

    #Tabs ul li a { 
position: relative; 
margin-top: 16px; 
display: block; 
margin-left: 6px; 
line-height: 24px; 
padding-left: 10px; 
background: #f6f6f6; 
z-index: 9999; 
border: 1px solid #ccc; 
border-bottom: 0px; 

/* make the top left and top right corners of each tab rounded. */ 
-moz-border-radius-topleft: 4px; 
border-top-left-radius: 4px; 
-moz-border-radius-topright: 4px; 
border-top-right-radius: 4px; 
/* end of rounded borders */ 

width: 130px; 
color: #000000; 
text-decoration: none; 
font-weight: bold; 
     } 

    #Tabs ul li a:hover { 
text-decoration: underline; 
color:red; 
    } 

    #Tabs #Content_Area { 
    /* this is the css class for the content displayed in each tab */ 
padding: 0 15px; 
clear:both; 
overflow:hidden; 
line-height:19px; 
position: relative; 
top: 20px; 
z-index: 5; 
height: 150px; 
overflow: hidden; 
     } 

    p { padding-left: 15px; }

來源

2013-07-27 Weapon X

你應該發佈你的整個代碼，包括CSS。如果必須，請使用http://www.pastebin.com，如果代碼太多，請在您的問題中包含鏈接。 –

This >>>'height：480px;'可能是你的問題。嘗試將其設置爲'height：auto;'或'height：100％;'，或者將其設置爲更高的像素大小，height：800px;'作爲示例（TEST）。試試這個，回到我身邊。 –

當你查看源文件時，php似乎是給出所有結果嗎？ – Nick

問題出在你的CSS裏面。

height: 150px;和overflow: hidden; in #Tabs #Content_Area可能是因素。

由於您有overflow: hidden;設置爲「隱藏」，它可能是一個因素。

嘗試將其更改爲overflow:scroll;或overflow:visible;以查看是否有效，和/或將這些ID的高度更改爲更高的數字。

嘗試不同的變化。

來源

2013-07-27 06:19:12

我看到了兩個可能的原因：

數據庫查詢只返回5個結果
的DIV不夠大，即使在表中，結束了說，25條記錄，第5只顯示其餘的是隱藏的DIV的邊界。

，如果你把一些PHP代碼甚至#area的CSS這將有助於。

來源

2013-07-27 05:16:04

我已經做了@Alexandru Nedelcu。 –

可調整的表格區域PHP

回答

相關問題