Discussion :

[MayOL69bg]

bonjour,

je vais simplifier le truc, j'ai une page avec un div qui doit se trouver au centre de la page quelques soit la taille de l'écran puis j'ai un 2emediv qui doit se trouver dans l'espace à droite

pour centrer le 1er div je fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin-left:auto;margin-right:auto;

et pour mettre le 2ème à droite je fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#menudroite{vertical-align: middle;width:auto; float: right;padding-top: 200px; margin: 0 auto 1px 10px;}

sous firefix ça marche parfaitement mais sou IE7 le faite de mettre un autre div à droite me décale le 1er, avez-vous une solution?

[Korko Fain]

ajoute un position:aboslute au premier ^^

[MayOL69bg]

heu mon 1er div est collé à droite maintenant...

[Korko Fain]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
position: aboslute;
width: 250px;
top: 50%;
right: 50%
margin: 125px 125px 0 0; //50% de la taille de ta div

^^

[MayOL69bg]

Ca n'a pas l'air de marcher.

Dans mon premier div j'ai mis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.divPrincip {width:800px;background-color:#eeeff1;
position: aboslute;
top: 50%;
right: 50%
margin: 125px 125px 0 0;}

la div principale est tjr décalé à cause de l'autre div qui a les propriété suivantes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#menudroite{vertical-align: middle;width:auto; float: right;padding-top: 200px; margin: 0 auto 1px 10px;}

mais ça marche sous FireFox mais comme par hasard je dois le faire sous IE et puis c'est tjr mieux si ça marche pour les deux...

[kalyparker]

ce ne serais pas plutot :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.divPrincip {width:800px;background-color:#eeeff1;
position: absolute;
top: 50%;
right: 50%
margin: 125px 125px 0 0;}

[Korko Fain]

1) Faute de frappe de ma part c'est absolute et pas aboslute
2) dans le margin il faut que ça soit 50% de la taille de ta div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.divPrincip {
width:800px;
height: 800px;
background-color:#eeeff1;
position: absolute;
top: 50%;
right: 50%
margin: 400px 400px 0 0;
}
 
#menudroite {
vertical-align: middle;
width:auto;
float: right;
padding-top: 200px;
margin: 0 auto 1px 10px;
}