When i zoom in till -25% on my webpage in Google Chrome, items that are precisely positioned in relation to one another will change position. How to solve this issue?
The position changes in th and its td position will change.how to resolve this issue?
I have table layout as fixed
table {
padding:8px;
width:100%;
table-layout:fixed;
}
td, th {
text-align: center;
padding: 8px;
table-layout:auto;
}
Part No |
Description |
Part Status |
Zone |
Min Qty |
Max Qty |
Cost |
Proposed Cost |
Varience (%) |
Status |
Pending Removal |
Approvl Status |
Locked |
EffectiveDate |
The part status and status columns there TD changing its position when i zoom it to -25%.Please help