Witam!
Mam tabelę wyświetlającą rekordy z bazy generowaną przez php. Problem w tym, że w przegłądarkach: Edge, Firefox i Safari wyświetla się poprawnie(załącznik s1) a na Chrome(Chromium) i Operze wyświetla się źle - wszystkie komórki mają zbyt dużą wysokość(załącznik s2). Dlaczego tak się dzieje i jak to naprawić? Może chodzi o parametr line-height?
<table name="table" border="1" style="position:relative; top:-750px; left:20px; ">
<thead>
<tr>
<th class = "th"><input type="hidden" name="id" value="id" /><input type="button" value="ID" name="id_user" class="btn btn-default btn-secondary"></th>
<th class = "th"><input type="hidden" name="type" value="type" /><input type="button" value="Typ Ceny" name="utype" class="btn btn-default btn-secondary" style="width: 222px;"></th>
<th class = "th"><input type="hidden" name="pricefor" value="adult" /><input type="submit" value="Cena dla" name="upfor" class="btn btn-default btn-secondary" style="width: 222px;"></th>
<th class = "th"><input type="hidden" name="range" value="range1" /><input type="button" value="Dziecko - przedział wiekowy" name="urange" class="btn btn-default btn-secondary" style="width: 222px;"></th>
<th class = "th"><input type="hidden" name="room_type" value="room_type" /><input type="button" value="Typ pokoju" name="uroom_t" class="btn btn-default btn-secondary" style="width: 222px;" ></th>
<th class = "th"><input type="hidden" name="price" value="price" /><input type="button" value="Cena" name="urange_p" class="btn btn-default btn-secondary" style="width: 222px;" ></th>
<th class = "th" width="120px;"><div style = "width: 120px;">Opcje</div></th>
</tr>
</thead>
<tbody>
while($row = mysql_fetch_array($resultSet)) {
$id= $row['id'];
$type= $row['type'];
$pricefor=$row['pricefor'];
$range =$row['child_range'];
$room =$row['room_type'];
$price =$row['price'];
?>
<tr>
<form id="form_users" action = "https://www.mbrcp.com/administrator/modules/mod_activate/edit_prices.php" method = "GET"><p>
<td class="container_p" width = "40px;"><center><?php echo $row['id'];?></td>
<td class="container_p" ><div><input type="text" name="type" size="40;" line-height="0px" value="<?php echo $row['type'];?>"></input></div></td>
<td class="container_p"><div class="td_div"><input type="text" name="price_for" size="40" line-height="0px" value="<?php echo $row['pricefor'];?>"></input></div></td>
<td class="container_p"><div><input type="text" name="range" size="40" line-height="0px" value="<?php echo $row['child_range'];?>"></input></div></td>
<td class="container_p"><div><input type="text" name="room_type" size="40" line-height="0px" value="<?php echo $row['room_type'];?>"></input></div></td>
<td class="container_p"><div><input type="text" name="price" size="40" line-height="0px" value="<?php echo $row['price'];?>"></input></div></td>
<td class="container_p">
<input type="hidden" name="id" value="<?php echo $id; ?> " />
<input type="hidden" name="table" value="<?php echo $table; ?> " />
<div><div class="opt_btn" style="width: 58px; position: relative; top: 16px;"><input type="submit" value="Zapisz" class="btn btn-default btn-secondary"></div></form></p><div
class="opt_btnu" style="position: relative; top: -11px; left: 65px;"> <input type="button" value="Usuń" class="btn btn-primary" style="width: 58px;"
onClick="location.href='https://www.mbrcp.com/administrator/modules/mod_activate/delete_prices.php?param=<?php echo $table;?>,<?php echo $id_col;?>,<?php echo $id;?>'"></div>
</div>
</td>
</tr>
<php } ?>
</tbody></table>
`
CSS
```css
table td.container_p > div { width: 100%; /*height: 100%;*/ position: relative; /*top: -15px;*/ }
table td.container_p { height: 0px; padding: 0px !important; line-height: 0.01px !important; }
EDIT: Problem tkwił w danych przeglądania(cache etc). Wystarczyło wyczyścić i tabela wyświetla się poprawnie:) Temat można zamknąć.