moin,
und zwar folgendes problem ...
html sieht so aus:
CSS
<td>
<div class="ampel_cell" numvalue="10" style="display: block;">
<div class="ampel high"> 10</div>
</div>
</td>
div.ampel {
height: 36px;
line-height: 36px;
width: 36px;
float: left;
padding: 1px !important;
text-align: center;
vertical-align: middle;
margin: auto !important;
}
div.ampel.high2 {
background: url("/images/icons/signal_high2_big.png") no-repeat scroll 0 0 / 99% auto content-box border-box rgba(0, 0, 0, 0);
}Der Kreis wird, wenn man innerhalb des Browsers zoomt (bzw. einfach eine größere Darstellungsgröße eingestellt hat) an den Ecken teilweise beschnitten!
Aber wie man auf dem Image sieht ... auch nur manchmal .. in der nächsten Zeile dann wieder nicht - bei gleich styles!!