Sphinx Sphinx - 11 months ago 56
HTML Question

Internet Explorer Inputbox alignment

I have many quantity input boxes below each other for each product listed with a button to increase and decrease quantities next to it.

The problem I'm having is that in Internet Explorer (11) when I use the increase or decrease button the numbers line up correctly, but if I change the quantity manually (keyboard entry), it does not line up with the other items.

Normal Entry (using the increase/decrease button)
enter image description here

Keyboard Entry (shown by arrow)

enter image description here

I simply have the following css styles added to this inputbox:

display: block;
float: left;
margin-top: 2px;
text-align: right;
padding: 5px 10px;

Answer Source

Solved the issue, turns out it was the meta tag below that was causing the issue, removed it and the entire websites styling improved.

<meta content="IE=8" http-equiv="X-UA-Compatible" />