Discussion :

[malabarbe]

Bonsoir,

Je fais : style="position:absolute; top:400px; left:369px;...

Cela fonctionne, mais la page contenant le Div peut se retrouver dans une Frame et alors, le left: part du bord gauche de la frame et plus de l'écran.

Comment centrer ce Div pour que il soit toujours centré dans l'endroit ou il s'affiche ?

[Bovino]

Salut.

Tu ne pourras pas faire cela en CSS, la seule solution possible, à condition que le contenu de tes frames appartiennent au même domaine que la page parente, sera d'utilser JavaScript pour récupérer la position de la frame dans la page parente puis d'adapter les propriétés style.top et style.left en fonction de cette position.

[malabarbe]

Je connais la largeur de ma frame, elle est de 80%.

Ne peut-on demander 80% du left ?

[malabarbe]

J'ai trouvé une combine !

Quand la page s'ouvre dans une frame, j'envoi : ?fra=1
et dans la page, je gère par un if fra == 1...

Pas élégant, mais cela fonctionne.

Merci Bovino de m'avoir répondu.

@ +

[malabarbe]

J'ai trouvé quelque chose en CSS testé seulement sous IE

Si cela peut être utile a quelqu'un !

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
 
<style>
body 
{   
margin: 0; /* pour éviter les marges */   
text-align: center; /* pour corriger le bug de centrage IE */ 
}
 
#id_du_div
{ 
margin:-140; /* = la moitié de la largeur du Div */
width:280; 
top:520; 
text-align: left; /* on rétablit l'alignement normal du texte */ 
}
</style>

[Candygirl]

Hello,

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
 
<style>
body 
{   
margin: 0; /* pour éviter les marges */   
text-align: center; /* pour corriger le bug de centrage IE */ 
}
 
#id_du_div
{ 
margin:-140; /* = la moitié de la largeur du Div */
width:280; 
top:520; 
text-align: left; /* on rétablit l'alignement normal du texte */ 
}
</style>

Ce code en l'état ne peut pas fonctionner pour plusieurs raisons:

- Il manque les unités.
- Ton div n'est pas positionné, top n'aura donc aucun effet sur les navigateurs respectueux des standards.
- Ce principe joue sur le faite que IE (du moins les vieilles versions) centre par défaut un élément en absolute lorsqu'un text-align:center est attribué à un ancêtre. Ce comportement n'est pas standard et donc ne fonctionnera pas sur les autres navigateurs.