Hermes le Messager Breton Quiétiste | Satya a écrit :
j'ai cherché sur plein de sites comment centrer un tableau verticalement sur la page : sans succès.
j'ai regardé dans les codes html pur et les CSS ... tout ce que je trouve, c'est pour centrer horizontalement les tableaux, mais je trouve jamais comment centrer ca verticalement ..
Alors après 1 h de recherche, j'en ai ma claque, est-ce que qq'un pourrait me dire ou je peux trouver de la doc sur comment centrer VERTICALEMENT mon tableau.
=> le but est d'avoir un tableau au milieu de ma page, dans lequel je vais mettre une image, et l'effet recherché est d'avoir autour de cette image des bandes noires (= le bkgrd sera noir) de meme taille au dessus et en dessous de l'image => comme quand on visionne un site en 16/9.
Merci pour votre aide parske la je m'en sors pas !
|
Il y a deux manières de centrer verticalement un tableau (que je sache)
1) Utiliser un tableau d'une cellule seulement de 100% de large et de 100% de haut dans le body. Naturellement, ce que l'on place ensuite horizontalement et verticalement est naturellement centré. --> Ne marche pas avec Mozilla en XHTML 1.1, mais fonctionne avec tous les navigateurs récents en HTML 4.01. En XHTML 1.1, on peut mettre le body en absolute.
C'était donc la première solution pourrie. (On peut aussi faire un tableau de 3 cellules sur 3 et utiliser celle du milieu, c'est équivalent à ce que j'ai expliqué au dessus avec les mêmes problèmes).
2) Utiliser les CSS, centrer verticalement et horizontalement le div en absolute et retire la moitié en margin en plaçant des valeurs négatives = à la moitié de la taille du div conteneur.
Fonctionne partout, mais un peu pourri également.
Bref, que des solutions "limites". |
car prob de compatibilité etc..
