So I’m using a dojo.form.Select control and it contains really long values something like …
0029000000000000000000000000000000000000000000000000000000000000000000000000000000000000
the output is like this
table
tr
td
span.dijitButtonNode
span.dijitButtonText
002900000000000000…
Which I want to truncate the selected value for space reasons to
002900000000000000
in my CSS I have set the following …
#ddl.dijitSelect.glossSelect .dijitButtonText{ display: inline-block; max-width: 470px; float: left; width:auto; overflow: hidden; padding-right:5px; } #ddl.dijitSelect.glossSelect .dijitButtonNode .dijitInline{ display: inline-block; max-width:460px; float: left; width:auto; margin-right:5px; overflow:hidden; }
This code works in all browsers EXCEPT IE8
In IE8 it stretches across the width of the screen and completely ignores the max-width