probleme positionnement d'un formRésolu

Question

Bonjour à tous je cret un site web et je voudrais que mon form principal soit centrer sur la page et puisse s'adapter a tous les tailles et résolutions d'écrans.
J'ai trouver que l'on pouvait utiliser width : 100% pour que quel que soit l'écran la largeur fasse toujours 100% de l'écran.
J'ai essayer mais rien ne s'affiche.
Mon form ne s'affiche que si je met une donnée en px pour width.
Donc je voudrais savoir comment faire pour centrer mon form et l'adapter à tous les écrans ( largeur et longueur)
J'éspère avoir été assez claire et d'avances merci pour vos réponses.

hugo7 · Accepted Answer

Ba sa marche pas, je sais pas

nhervagault · Answer

Salut,
Il ne faur pas gérer au niveau de ta form mais des divs
Tu fais
une div contenu 
avec par exemple une div header une div colgauche une div centre une div droite une div footer 
apres tu remplis chaque zone avec des div
et tu geres les tailles en CSS et/ou javascript- moins recommandé

Bon courage

yassinebennani · Answer

Bonjour 

oui c'est exactement comme t'a expliqué nhervagault moi aussi je préfère la mise ne page en utilisant les divs et les tableaux pour les formulaires, je vais juste ajouter que pour ton problème de résolution d'écrans jusqu'à maintenant j'ai tombé sur deux solutions en utilisant les css la première c'est en utilisant les divs avec les width et les height en pourcentage et en utilisant le padding et le margin mais là le problème c'est la compatibilité multi navigateur tu aura un affichage inattendu d'un navigateur à un autre c'est sûr, la deuxième est celle qui m'a toujours arrangée en testant sur tout les navigateurs c'est le positionnement absolu tu utilise l'attribut position : absolute  avec les attributs top, bottom, right, left avec width et height en pourcentage ou en pixel voilà c'est une méthode que personnellement j'utilise et qui me pose pas des problèmes sur les navigateurs même mon dernier projet qui utilise cette méthode je l'ai testé avec google chrome le dernier navigateur de google et j'ai eu un affichage correcte certes la perfection n'existe pas mais c'est acceptable (sur plusieurs résolutions).

c'est sûr à chaque méthode des avantages et des inconvénients et le besoin reste ton roi.  


Les fins justifient les moyens_________________________________________________
Yassine BENNANI - Ingénieur en génie logiciel & multimédia (Consultant SI)

hugo7 · Answer

Ok merci à tous je test et je vous

hugo7 · Answer

Pour ta deuxieme methode jacksparoow le code css si j'ai bien compris serait : 
#divcontenu
{
position : absolute;
width : 80%;
height : 100%;
}

Par contre je dois mettre quoi pour top, bottom, right, left?
(J'ai deja essayer position : absolute; width : 80%; height : 100%; mais il ne m'affichait rien)Il ne m'affichait que le div si je mettait une donnée en px pour height.

[../auteur/JACKSPAROOW/1172897.aspx ]

hugo7 · Answer

Non finalement sa a marcher.
Merci à tous

cretthie · Answer

salut Hugo,

margin:auto;
width:640px;
height:480px;
position:relative;
a bientot
ensuite, ton 2 eme div, tu le met dans le div pricipal en absolute
++

hugo7 · Answer

J'ai un probleme lorsque je met mes données en % le margin :auto marche pas , mais il marche quand je les mets en px.
Pouriez-vous m'aider.

hugo7 · Answer

Non en fait j'ai tous inverser je vous redit mon probleme : 

Il me semble que pour que le margin : auto marche il faut que je mette position : relative.
Mais si je met position : relative height  : 100% marche plus , il marche si position : absolute.
Donc comment faire pour avoir des des height et width en % et un margin : auto qui marche

yassinebennani · Answer

Bonjour

Moi je vais parler juste des heights en pourcentage le margin auto je l'utilise pas je préfère toujours le fixer en tous cas pour le width en 100% là je pense pas qu'il ya un problème mais le heigth en 100% c'est là le problème c'est un bug je ne sais pas il est à quel niveau mais bon pour le fixer il faut appliquer d'abord la régle de height : 100% sur la balise body et html pour que le height en 100% appliqué sur un div marche.

html

, 
body{

margin: 
0;

padding: 
0;

height: 
100%;

width: 
100%;
}

Les fins justifient les moyens_________________________________________________
Yassine BENNANI - Ingénieur en génie logiciel & multimédia (Consultant SI)

hugo7 · Answer

D'acord j'acksparoow je test et je vous tiens au courant (je suis toujours preneur pour une autre réponse)

Probleme positionnement d'un form

11 réponses

Votre réponse

Discussions similaires