begin process at 2012 05 28 03:47:09
  Trouver un code source :
 
dans
 
Accueil > Forum > 

ASP.NET

 > 

Web 2.0

 > 

CSS

 > 

probleme positionnement d'un form


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Administrateur CodeS-SourceS
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)

1 2

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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,312 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales