シンプルなテーブルがあります
テーブル内のセルは、テキストと余分なスペース、約 4 スペース程度に収まります。2 番目の同様のテーブルがposition:fixed;
あり、テキストの周りの余分なスペースがゼロに縮小されるため、2 つのテーブルは同じ幅ではなくなります。
必要なのは、実際のテーブルと同じ幅で、同じ画面位置に固定されたヘッダー「テーブル」です
編集:これはChromeのみです。
編集: 問題を再現するには、次のコードを html ドキュメントにコピーし、chrome で開きます。
<!DOCTYPE html>
<html>
<head>
<link href="http://bookyoursite.com/assets/admin.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<table style="position:fixed;background-color:white;top:0;left:100px;">
<tr>
<td width="200px;">
Park Name
</td>
<td>
Park Viewed
</td>
<td>
Book Now Button
</td>
<td>
Website Button
</td>
<td>
Call Button
</td>
<td>
Email Button
</td>
<td>
Book Now Call Button
</td>
</tr>
</table>
<table style="margin-left:100px;margin-top:20px">
<tr>
<td width="200px;">
Park Name
</td>
<td>
Park Viewed
</td>
<td>
Book Now Button
</td>
<td>
Website Button
</td>
<td>
Call Button
</td>
<td>
Email Button
</td>
<td>
Book Now Call Button
</td>
</tr>
<tr>
<td>
Camp Hatteras RV Resort and Campground
</td>
<td>
1
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>
これは、長い公園名が次の行に折り返されるという事実と関係があります。