Pb de Div avec IE7

Version imprimable

17/04/2007, 10h44
MayOL69bg

Pb de Div avec IE7

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:

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

et pour mettre le 2ème à droite je fais

Code:

#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?
17/04/2007, 10h52
Korko Fain

ajoute un position:aboslute au premier ^^
17/04/2007, 10h59
MayOL69bg

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

Code:

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

17/04/2007, 11h23
MayOL69bg
Ca n'a pas l'air de marcher.

Dans mon premier div j'ai mis
Code:

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:

#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...

ce ne serais pas plutot :

Code:

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

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

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; }

17/04/2007, 11h33
MayOL69bg

ouais j'avais rodé ta faute de frappe mais c'est toujours pareil :aie:

en tout cas merci de m'aider
17/04/2007, 11h47
MayOL69bg

heu mon 1er bloc est à present tout à droit par dessus mon 2eme div
17/04/2007, 11h51
Korko Fain

Oups c'est

Code:

margin: -400px -400px 0 0;

*boulet*
17/04/2007, 11h55
MayOL69bg

CA yest ca marche

OUF merci bcp :king:

comme t'a pu le remarquer je suis un peu débutant en css...
je suis une star en C#, vb, java mais j' me forme en html,phph,javascript
17/04/2007, 12h00
Korko Fain

Moi jme forme en delphi chacun son truc :king:
17/04/2007, 12h42
Candygirl

Utiliser les margin négatifs pour centrer ton conteneur principal n'est pas une bonne idée. Sur une petite résolution ou en diminuant la taille de la fenêtre, la partie gauche et top de ton site disparaîtra sans possibilité d'être consultée :aie:

De plus ton cadre de droite va passer sous ton divPrincip dès qu'il sera plus large que l'espace laissé entre ton conteneur principal et le bord de la fenêtre = totalement invisible sur un 800x600, par exemple (vu que le positionnement absolu le rend "invisible" pour l'autre).
17/04/2007, 12h51
Korko Fain

Rho il est content il a une solution :p
Bon c'etait pas la seule et alors ? ^^
Mais bon avec un bloc de 800 de width tu veux faire comment ?...
position: relative ? mais le bloc à droite est en width: auto alors c'est chiant lol