Exact height is 18.4 px when watching by browser, jquery is giving 18
How to fix this
In this second jsfiddle I want to set the viewport height to the sum of first 8 li-s, and there is a little problem...
IE is giving 144, mozilla 172, chrome 160 :)
Asked
Active
Viewed 1,900 times
1
-
2Think that's just your browser with some zoom settings... Don't think you can even have .4 a pixel? – Raekye Aug 10 '12 at 07:52
-
It shows 19 on my browser - firefox, linux. Just so you know. – Lyubomir Vasilev Aug 10 '12 at 07:53
-
mozilla shows 19 either when i alert height() in explorer it shows 18 ... – ArmeniaH Aug 10 '12 at 07:55
-
chrome yields 20. just sayin' – David Hedlund Aug 10 '12 at 07:57
-
What do you mean that the exact height is 18.4, though? You're not setting it anywhere in the fiddle. Is this a ruler to screen thing? – David Hedlund Aug 10 '12 at 07:59
3 Answers
2
The reason that you receive different heights in different browsers is not pixel rounding issues, it is because the default rendering styles are different between different browsers.
If you want the exact same height across all browsers, style the list to set a height manually. And while you're at it, set it to an integer.
David Hedlund
- 128,221
- 31
- 203
- 222
1
You can't set decimal values in pixels:
If you take a look at the computed style in the javascript console, you'll see that the height is 18px
0
I don't think you are suposed to use decimal numbers. The jQuery transforms the number into and int. And not a double or float. I recommend sticking to whole numbers :)
Gogoro
- 31
- 4