Fields at 33% not aligning

[Peter Knight]

I have 12 fields set to 33% width and although 3 of them are the correct size, nothing will sit to their right (in the 2nd and 3rd column).

This happens to the first field on every second row of fields.

Checked the database value for the fields and they're definitely 33%.

The wierd thing is, if I set it to 10, 20 or 30%, they behave in the same way.

Wierd glitch or known bug? Or maybe my maths is crap :-/

[Philipp]

New line starts after 100%. 33+33+33=99% so the next one tries to fit within that last 1%. But there is not enough space so it floats into a new visible line. Then the "real" new line starts but repeats again. This is just default CSS behavior;)

Make two columns 33% and give the third one 34% to fix this. No one will notice the 1% difference.

[owzim]

I'd give the second one 34% then it's at least symmetrical

[remove]

33% is not accurate enough. Set the column width to 

.width33{width:33.33333333%}

[Martijn Geerts]

@toothpaste, not possible.

[remove]

@Martijn

I've used on my own layout and works. Is it invalid CSS?

[Martijn Geerts]

In CSS it is oke, but ProcessWire fields don't work like that.

https://github.com/ryancramerdesign/ProcessWire/blob/master/wire/core/Inputfield.php#L207