CSS percentage with decimals only working correctly in Chrome (Firefox and Opera are just rounding up) -
CSS percentage with decimals only working correctly in Chrome (Firefox and Opera are just rounding up) -
i'm having issue applying css width percentage , decimal (e.g 33.33) div.
it seems work fine in chrome plays in opera , firefox.
http://jsfiddle.net/nhkz9/1/
opera , firefox both round percentage up, , because of insufficient width in container, 3rd div moves new line. when percentages not rounded up, there plenty space 3 fit in 1 line.
any ideas on how prepare issue?
thanks
the demo posted adds 1px border 2 of <div>s. default not included in 33.33% calculation, <div>s never fit. alter this, utilize box-sizing: border-box;.
css firefox cross-browser opera
Comments
Post a Comment