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

Popular posts from this blog

delphi - blogger via idHTTP : error 400 bad request -

c++ - compiler errors when initializing EXPECT_CALL with function which has program_options::variables_map as parameter -

How do I check if an insert was successful with MySQLdb in Python? -