Ползунок jQuery UI перемещает всю таблицу форм

Question

У меня проблемы с использованием моего генератора контактных форм.

Когда я использую ползунок jQuery и перемещаю ползунок в «0», вся форма немного сдвигается вправо. И если я переместу ползунок на «100», вся форма немного сместится влево.

Я использую таблицы, чтобы сохранить структуру формы. Ссылка на мою форму

Answer 1

Вы не учли относительную позицию контейнера, который показывает количество валюты; когда десятичные дроби становятся больше, это подталкивает ваш контент. либо сделайте его абсолютно позиционированным, либо учтите максимальное пространство, которое он может занять (дайте ширину, которая имеет место для 100).

Вы должны сделать это с родителем, который определяет макет. в данном случае по таблице. Я настоятельно советую вам отказаться от использования таблиц в качестве инструмента для создания макетов. Вы должны использовать семантические теги, которые созданы для создания макетов.

Answer 2

Это просто проблема для размера вашей этикетки, вы помещаете фиксированную ширину (width:20px) на вашу этикетку, которая является встроенным элементом.

Но вы не можете сделать это навстроенные элементы, поэтому его размер изменяется по мере изменения текста.Если вы поместите div, например, так: <div style="width:40px">yourtext<label></label></div> ширина не изменится.

Правка: чтобы получить лучшее представление об использовании ширины со встроенными элементами: CSS фиксированная ширина впролет