Contenu du formulaire de contact débordant du conteneur div on redimensionner la fenêtre

Question

J'essaie d'obtenir que mon formulaire de contact ne déverse pas son contenu sur la div parente lorsque je redimensionne la fenêtre. Comment puis-je faire cela? J'ai utilisé le dégagement flottant pour éviter cela car j'ai compris qu'il était censé être utilisé, mais cela ne fonctionne pas.

Que dois-je faire pour résoudre ce problème?

Voici la page en question.

aussi j'ai un problème similaire avec l'en-tête .. le menu tombe en dessous du texte d'en-tête si je rends la fenêtre du navigateur plus petite.

Merci pour toute aide que vous avez tous à offrir.

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

Answer 1

Sur coup d'œil, je ferais une ou l'autre de ces deux choses dans votre cas:

Option 1: Définir une "min-largeur" ​​pour le conteneur #contact. Cela l'empêcherait de devenir plus petit que la table à l'intérieur lorsqu'il est redimensionné, mais gardez sa fluidité.

Option 2: Retirez les flotteurs de la table de coffrage et assurez-vous que la table a une «largeur minimale» ou une largeur fixe. Étant donné que vous utilisez une approche table-cellule (que j'aime personnellement pour les formulaires), il ne devrait pas être nécessaire de faire flotter les éléments de la table. Le redimensionnement du conteneur parent s'arrête alors sur les champs de formulaire.

Espérons que ça aide.