Как я могу сохранить пространство между этими двумя кнопками в режиме IE7?

Question

У меня 2 кнопки по горизонтали. В большинстве браузеров между ними есть пробел, но если вы посмотрите это:

http://jsfiddle.net/2HP43/1/

в «Режиме обозревателя: IE7» и «Режиме документа: Стандарты IE7» видно, что 2 кнопки слиплись.

Может кто-нибудь подсказать, как я могу исправить это, чтобы между этими кнопками всегда было одинаковое расстояние?

Answer 1

Вы пытались поместить   между ними?

IE не отображает "padding" в соответствии со стандартами W3C.(См. здесь для объяснения.) Это почти наверняка, откуда эта проблема, поэтому вам нужно вставить что-то между ними, чтобы она работала должным образом.

Answer 2

Это решает мою проблему:

*padding: 2px; /* "*" is for lte IE 7 */

Answer 3

вы можете использовать свойство margin-left для перемещения кнопки на несколько пикселей вправо, например margin-left:3px, но сначала вам нужно удалить пробел между input и button.

Пример:http://jsfiddle.net/2HP43/18/

Answer 4

Попробуйте это

<input type="submit" class="button" id="Submit1" value="Remove" name="btnRemoveFunds">&nbsp;<button class="button" id="Button1">Add More Funds</button>

  гарантирует, что у вас там есть место

Answer 5

У меня есть 3 решения этой проблемы:

1. Самым простым является использование  , но, конечно, это не может быть использовано профессионально.

2. Использовать padding свойство

3. Использовать margin-left свойство.

Answer 6

это может помочь вам решить проблему