Discussion :

[Mister Paul]

Bonjour,

quelque soit la taille d'une fenêtre, j'aurais besoin de centrer le contenu d'une page (dont je ne connais pas la hauteur) moins 100 pixels.

Je suis une vraie bille en CSS, et je ne sais pas comment bien faire ça...


Un petit coup de pouce serait très apprécié !
PAul

[Rachel]

Bonsoir .
ce sera une réponse en javascript :

Code :

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

1
2
document.getElementById(id_div).style.position = "absolute";
document.getElementById(id_div).style.top = (window.innerHeight/2 - 100)+"px";

[Mister Paul]

Merci !

[NoSmoking]

Code :

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

1
2
document.getElementById(id_div).style.position = "absolute";
document.getElementById(id_div).style.top = (window.innerHeight/2 - 100)+"px";

window.innerHeight est non compatible avec IE < 9.

Code javascript :

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

  oStyle.top = (( window.innerHeight ? window.innerHeight : document.body.clientHeight || document.documentElement.clientHeight)/2 - 100 )+"px";

pour tenir compte de IE < 9 avec différents DOCTYPE

[Rachel]

window.innerHeight est non compatible avec IE < 9.

Code javascript :

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

  oStyle.top = (( window.innerHeight ? window.innerHeight : document.body.clientHeight || document.documentElement.clientHeight)/2 - 100 )+"px";

pour tenir compte de IE < 9 avec différents DOCTYPE

exact ! merci d'avoir corrigé

[Mister Paul]

Oui Merci.

Mais entretemps j'avais tripatouillé aussi avec innerWidth. J'imagine que le problème est le même.
J'ai répercuté tes modifications ainsi :

Code :

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

= (( window.innerWidth ? window.innerWidth : document.body.clientWidth || document.documentElement.clientWidth)/2 - 100 )+"px";

C'est bon ?
Pas d'erreur ?