[Débutant] Centrage d'un block div

Bonjour,

J'ai créé une classe CSS pour centrer mon DIV principal, et placer mes élements asp dedans :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
.formulaire 
{
	position:absolute;
	width:300px;
	height:300px;
	margin-left: auto; 
             margin-right: auto;
	top:100px;
	text-align:center;
}

Lorsque je l'applique à mon div :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
    <body>
        <div class="formulaire">
            <form id="Form1" runat="server">
 
                <asp:Label CssClass="labelLog" id="title" text="Notre premier composant asp" runat="server"/>
 
                <br style="clear:both"/>
 
                <asp:Label CssClass="labelLog" id="loginLabel" text="Login : " runat="server"/>
                <asp:TextBox CssClass="fieldLog" ID="login" runat="server" />
 
                <br style="clear:both"/>
 
                <asp:Label CssClass="labelLog" id="passwordLabel" text="Password : " runat="server"/>
                <asp:TextBox CssClass="fieldLog" ID="password" runat="server" TextMode="Password" />
 
                <br style="clear:both"/>
 
                <asp:Button CssClass="labelLog" id="bEnvoi" text="Envoi !" OnClick="Envoi" runat="server"/>
 
            </form>
        </div>
    </body>

mon bloc ne s'aligne pas au centre. Je ne comprends pas pourquoi, j'ai suivi le FAQ CSS et ce que j'ai pu voire sur le net, pourtant l'alignement ne se fait ni sous firefox, ni sous IE.

Quelqu'un sait pourquoi ?

Merci d'avance

Fred

Moi je ne mets presque jamais mais élements en position absolute. De plus, enlève margin-left et right et met simplement margin:auto.

Voila

si tu places un element en absolute, tu dis exactement où tu le veux (en pixels ou en % par exemple)
donc tu peux (en theorie) le centrer mais ca depend de la resolution : donc c'est pas top

pour le centrer, laisse tes marges en auto (tu peux laisser left et right) et vire l'absolute

Si j'enleve l'absolute, comment décaler mon div vers le bas (ce que je faisais grâce à top) ?

Merci

Fred

avec margin-top par exemple

Super merci c'est résolu :)