Presque center verticalement un DIV ? [Résolu]

[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

[rotrevrep]

Bonsoir .
ce sera une réponse en javascript :

Code :

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

[Mister Paul]

Merci !

[NoSmoking]

Envoyé par rotrevrep

Code :

window.innerHeight est non compatible avec IE < 9.

Code javascript :

  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

[rotrevrep]

Envoyé par NoSmoking

window.innerHeight est non compatible avec IE < 9.

Code javascript :

  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 :

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

C'est bon ?
Pas d'erreur ?