私のCSSに問題があります。これはあまりうまくいかないですが、テーブルが画面に表示されない問題を解決するようです幅。それは以前は静的でしたが、%を画面の%に変更してから、私の表に視覚的な変更はありませんでした。 (ANSWERS/COMMENTSに基づいて更新)CSSテーブル幅を画面幅で動的に設定できない
HTML/PHP
//Table Titles row
echo "<div class='tablediv' style='width:100%; border: 5px solid black'><table name ='ipv4' class='tableparent'><td class='tabled' width='100%'>IP Address</td><td class='table'>Subnet</td><td class='table'>PC Name</td><td class='table'>Owner</td><td class='table'>Customer</td><td class='table'>Customer Site</td></tr>";
//loops through search results and echo table
while ($row = mysqli_fetch_array($view)){
$id = $row['companyId'];
$company = $customers[$id];
echo "<tr><td class='tabled'>". $row['ip']."</td><td class='table'>". $row['Subnet']."</td><td class='table'>".$row['hostName']."</td><td class='table'>". $row['owner']."</td><td class='table'>". $company ."</td><td class='table'>".$row['siteName']."</td></tr>";
}
echo"</table></div>";
CSS
.table
{
border:1px solid black;
text-align: left;
padding:10px;
width:12%;
overflow:hidden;
}
.tabled
{
top:500px;
border:1px solid black;
text-align: left;
width:40%;
overflow: hidden;
}
.tableparent
{
border:1px solid black;
border-collapse:collapse;
width: 95%;
text-align: left;
padding:15px;
table-layout:fixed;
}
.tablediv
{
position:absolute;
width: 95%;
top:70px;
}
は現在、これは=この
テーブルに幅100%のインラインCSSも追加してください。また、幅を確認するには、divとtableの両方に罫線を追加して、幅を確認してください。 –
テーブルには境界線があります。これはtabledivクラスに5pxの黒い境界線を追加したものですが、表示されませんでした。 tabledivクラスを削除した後、視覚的に変化したものは何もありませんでした。詳細については、Haresh Vidjaのコメントに投稿したコメントを確認してください。 –