[Résolu] Alignement vertical d'un bloc #page plus grand que la fenêtr

Bonjour,

J'ai utilisé la dernière méthode expliquée dans cet article : http://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html pour aligner verticalement mon bloc #page.

Cela fonctionne bien, mais le problème, c'est que mon bloc #page a une hauteur plus grande que la page, donc le haut du bloc, la gauche, la droite, le bas du bloc, tout part à l'extérieur de la fenêtre (sans scroll), et ces éléments sont inaccessibles. Pour mieux comprendre, allez sur l'exemple : http://www.alsacreations.com/xmedia/tuto/exemples/centrer/csscentrer.htm et augmentez la police, vous verrez "Ici le contenu" partir en haut à gauche de la page.

Voyez-vous une solution pour faire en sorte que le position:absolute l'empêche d'aller plus haut que le haut de la page ?

Merci d'avance.
Modifié par Oracle (24 Nov 2009 - 05:09)

Bonjour,

La technique que tu as utilisée est introduite par un paragraphe en gras. Je le reproduis ci-dessous:

a écrit :
Préambule : Les marges négatives en CSS posent des problèmes sur Explorer Mac ainsi que divers problèmes lors du redimensionnement de la page (bords mangés, pas de barre de défilement horizontal quand on réduit la page, etc.). Il est donc fortement conseillé d'éviter cette méthode sauf si vous en maîtrisez les conséquences.

Quelle partie de «évitez cette méthode sauf si vous en maitrisez les conséquences» n'est pas claire?

Une technique de centrage vertical moins problématique est exposée dans cet article:
http://covertprestige.info/css/centrer-bloc/
Modifié par Florent V. (23 Nov 2009 - 21:22)

La phrase "évitez cette méthode sauf si vous en maitrisez les conséquences" est très claire, si j'ai posté ici c'était justement pour savoir si quelqu'un pouvait m'aider à les maîtriser, ces conséquences, je pensais que c'était clair ; je me suis très bien rendu compte que c'était le comportement normal, je ne poste pas pour un bug.

Mais j'ai bien fait de poster, puisque j'ai finalement utilisé la méthode décrite dans ton lien, alors merci.
Modifié par Oracle (24 Nov 2009 - 05:09)