Accueil > Forum > > > > probleme positionnement d'un form
probleme positionnement d'un form
samedi 27 septembre 2008 à 19:00:36 |
probleme positionnement d'un form

hugo7
|
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. 
|
|
samedi 27 septembre 2008 à 21:51:24 |
Re : probleme positionnement d'un form

nhervagault
|
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
|
|
dimanche 28 septembre 2008 à 03:49:12 |
Re : probleme positionnement d'un form

jacksparoow
|
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)
|
|
dimanche 28 septembre 2008 à 09:52:40 |
Re : probleme positionnement d'un form

hugo7
|
Ok merci à tous je test et je vous 
|
|
dimanche 28 septembre 2008 à 10:02:24 |
Re : probleme positionnement d'un form

hugo7
|
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.
|
|
dimanche 28 septembre 2008 à 10:36:31 |
Re : probleme positionnement d'un form

hugo7
|
Non finalement sa a marcher. Merci à tous 
|
|
lundi 29 septembre 2008 à 00:59:44 |
Re : probleme positionnement d'un form

cretthie
|
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 ++
|
|
lundi 29 septembre 2008 à 20:37:28 |
Re : probleme positionnement d'un form

hugo7
|
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.
|
|
lundi 29 septembre 2008 à 20:44:09 |
Re : probleme positionnement d'un form

hugo7
|
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
|
|
mardi 30 septembre 2008 à 00:42:38 |
Re : probleme positionnement d'un form

jacksparoow
|
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)
|
|
Cette discussion est classée dans : form, probleme, centrer, adapter, positionnement
Répondre à ce message
Sujets en rapport avec ce message
deux form dans une meme page [ par gatina ]
bonjour voila mon probleme dans ma page aspx j'ai une formulaire coté serveur ou j'ai mis deux liste le login et l'inscription(je n'ai pas le droit de
crystal report dans les web form [ par mami17 ]
salut tout le monde j'ai un probleme dans les bouton de navigation de crystal report comment je peut resoudre cette probleme merci d'avance
Probleme de Popup [ par foufidou ]
Bonjour tout le monde,je debute en Asp .net (vb 2005) j'ai un bouton qui m'ouvre un popup qui possede une listeBox qui contient des noms.une fois j'en
[.Net] Probleme de recuperation de valeur d'un variable [ par sebuim ]
Bonjour a tous, J'ai mon body qui change de ID en fonction la valeur de l'attribut contenut dans mon URL Je vous explique j'ai mon url : www.site.com?
serveur iis7 probleme apres redemarrge [ par 6miK ]
Bonjour,j'ai mis en place un serveur IIS7 et tout se passé très bien. jusqu'au jour ou je l'ai arrêter pour pouvoir lancer le serveur apache d'easy ph
Probleme de Popup [ par foufidou ]
Bonjour tout le monde,sur ma page,j'ai un bouton qui doit lancer un popup, ce popup contien une listebox qui remplie a partir de ma bd...tout ca et be
Pb de guillemet !! [ par suzukMan ]
Bonsoir a tous, je devellope actuellement une application web ASP.Je doit effectué un requete pour vérifier le nom d'utilisateur et le mot de passe c'
probleme avec loginstatut [ par angel7891 ]
salut, je travaille avec asp2.0 et jai un probleme de deconnexion,j'utilise un controle login statut et je met dans la propriété "LogOutUrl" la page d
probleme avec deconnexion des sessions [ par angel7891 ]
bonsoir, jutilise asp2.0 et j'ai mis un petit code qui me permet de vir le nombre des utilisateurs connectés sur le site.le probleme c'est que quand j
probleme de rafraichissement d'image [ par hudon77 ]
Bonjour à tous. J'ai un problème assez basic mais je ne suis pas capable de le reglé et ce après avoir cherché et testé plusieurs solution que jai tr
Livres en rapport
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|