28220 sujets

CSS et mise en forme, CSS3

[Resolu] Aligner formulaire

Bonjour ,
Voilà mon probléme j'aimerai toujours aligner mon formulaire au milieu de la page malgré des résolutions différentes? Si quelqu'un pourrait m'aider .... Smiley decu
Modifié par bibine (02 Apr 2005 - 09:16)
Tu devrais faire une ébauche de code et nous le poster on serais dans quelle direction d'orienter.

Par exemple tu peux inclure ton formulaire dans un div avec une largeur fixe (width = xxxpx) et tu le centre (margin: auto)

FoW
Aprés lecture j'ai fait un truc de ce genre mais je l'ai pas tester sous IE. Suis sur la bonne voie ou quoi ? Autre question vous préférez coder en taille fixe (px) ou variable??


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<style type="text/css">
<!--
label  {	
			 	width: 130px;		 
        float: left;				
				}


.admin_id {
					width : 400px;	
					margin-left: 25%; /* moitié de la largeur */
					 }	
-->
</style>


</head>
<body>
<form class="admin_id" method="post" action="">
				<fieldset><legend>Identification</legend>
    				<label>Login :</label> 									 <input type="text" name="login" /><br />
    				<label>Mot de passe :</label>						 <input type="password" name="password" /><br /><br />
    				<center><input  type="submit" value="Se connecter" /></center><br />	
				</fieldset>				
				</form>		
</body>
</html>
body{
text-align: center;
}
form{
width: 65%;
margin-left: auto;
margin-right: auto;
}



Je pense que c'est qq chose du genre que tu veux Smiley smile
Modifié par TriadPtale (30 Mar 2005 - 22:45)
a écrit :
body{
text-align: center;
}
form{
width: 65%;
margin-left: auto;
margin-right: auto;
}


Ce code ne marche pas sous IE il ne prend pas en compte les marge auto.
Avec le text-align: center; sur l'élément parent, ça doit fonctionner, as tu un exemple en ligne que nous jetions un oeil ?
Sujet clos
Aller à