Содержание контактной формы выливается из контейнера div при изменении размера окна

Question

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

Что мне сделать, чтобы это исправить?

вот страница, о которой идет речь.

также у меня есть похожая проблема с заголовком .. меню опускается ниже текста заголовка, если я уменьшаю окно браузера.

Спасибо за любую помощь, которую вы все можете предложить.

http://countercharge.net/catsite/index.php?P=contact

Answer 1

При быстром взгляде я бы сделал одну из этих двух вещей в вашем случае:

Вариант 1: Установите «минимальную ширину» для контейнера #contact. Это не позволит ему стать меньше таблицы внутри него при изменении размера, но сохранит его текучесть.

Вариант 2: Удалите все поплавки из таблицы форм и убедитесь, что таблица имеет минимальную ширину или любую фиксированную ширину. Учитывая, что вы используете подход с использованием табличных ячеек (который лично мне нравится для форм), не должно быть необходимости перемещать какие-либо элементы таблицы. Изменение размера родительского контейнера будет остановлено в полях формы.

Надеюсь, это поможет.