Error at css parsing

Classic Servoy
1

I get this errors in the Java Console of the Smart Client

ERROR - Debug                      - Error at css parsing, tgs_mat_2,null:Found a dimension where a comma or a { was expected at line 26. Skipping ruleset.
ERROR - Debug                      - Error at css parsing, tgs_mat_2,null:Found a dimension where a comma or a { was expected at line 38. Skipping ruleset.
ERROR - Debug                      - Error at css parsing, tgs_mat_2,null:Found a dimension where a comma or a { was expected at line 112. Skipping ruleset.
ERROR - Debug                      - Error at css parsing, tgs_mat_2,null:Found a dimension where a comma or a { was expected at line 124. Skipping ruleset.

but don’t understand why?

This is how my style looks like:
[attachment=0]css_1.png[/attachment]
[attachment=1]css_2.png[/attachment]

Is there anything wrong?

css_1.png
css_1.png403×378 9.94 KB

css_2.png
css_2.png408×377 9.47 KB

2

Change the commas to periods in your margin values and see if it works. If that is it, my guess is the CSS parser isn’t checking locale settings.

3

css and locale settings?
that would be very weird… as far a i know the decimal pointer must always be a dot:

http://www.w3.org/TR/CSS21/syndata.html … def-number

how else can that work if i have a css with a a . on my website. and that is used by an american (where the . is the decimal point) and by a dutch guy (where the , is the decimal point)
that will then never work… Or you should have to supply 2 different css sheets based on the locale of the browser…

Also having .5 margin i guess that only makes sense to me recently with the high resolution screens (especially mobile) because if it would really be a pixel then a pixel can’t be divided…
But i guess if a pixel in css is really 4 hardware pixels on the screen then a half is possible…

4

@david
I changed the commas to periods and the errors were gone.

You are right Johan,
0.5 px makes not really sense and I changed it to 1 px.

Regards
Thomas

5

A pixel is not always a pixel as the user can zoom out. And if you divide a div that is 50 pixels wide into four sections you are into fractional pixels whether you intended to or not (one of the gotchas of responsive design). So half pixel values in CSS are fairly common, especially for margins. High density displays and browsers being capable of sub pixel rendering now just means it’s happening all the time.